AI智能
改变未来

jQuery实现进度条的开始和暂停


jQuery实现进度条,点击自动增加,到末端后又自动开始,并且随时暂停

body部分:
<body><progress value=\"0\" max=\"100\" class=\"progress1\"></progress><br><button id=\"start\">开始</button><button id=\"stop\">暂停</button></body>
jQ部分:
$(function(){var obj = $(\".progress1\");//获取进度条var time = null ;$(\"#start\").click(function(){time  = setInterval(add,50)//计时器})$(\"#stop\").click(function(){if (time != null){clearInterval(time);}})function add(){var num = obj.val()//val返回或设置被选元素的值num++;if(num>100){num= 0;}obj.val(num);}})
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » jQuery实现进度条的开始和暂停