web前端JS基础-----制作进度条
1,参考代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><progress id="pro" max="100" value="0"></progress><script type="text/javascript">//方法一:使用setInterval// var pro = document.getElementById("pro");// var num = 0;// var timer = setInterval(function(){// pro.value = num;// num++;// if(num>=100){// //clearInterval(timer);//取消煮熟可以使进度条重复执行// num = 0;// }// },100);//方法二:使用setTimeroutvar num2 = 0;function timer(){pro.value = num2;num2++;if(num2>=100){num2=0;//return;取消注释可以使进度条重复}setTimeout(function(){timer();},100);}timer();</script></body>
</html>
2,结果参考