点击刷新
效果图
## 完整代码
<html lang="en"> <head> <meta charset="UTF-8"> <title>js计时器</title> </head> <body> <p style="font-size: 2em;color: blue;font-style: italic;">挑战10.00秒</p>编程客栈 <p id="timewww.cppcns.com" style="font-size: 2em;color: red;">00:00</p> <input type="button" value="开始" onclick="oStart()"> <input type="button" value="结束" onclick="oStop()"> <input type="button" value="重置" onclick="oReset()"> <script> var n= 0, timer=null; var txt=document.getElementById("time"); //开始计时 function oStart() { clearInterval(timer); timer=setInterval(function () { n++; var m=parseInt(n/60); var s=parseInt(n%60); txt.innerText=toDub(m)+":"+toDub(s); },1000/60); }; //暂停并且清空计时器 function oStop() { clearInterval(thttp://www.cppcns.comimer); // txt.innerText="我爱你"; } //重置 function oReset() { txt.innerText="00:00"; n=0; } //补零编程客栈 function toDub(n){ return n<10?"0"+n:n; } </script> </body> </html>
更多关于倒计时的文章请查看SJLWX专题： 《倒计时功能》
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
本文标题: JS使用setInterval计时器实现挑战10秒
本文地址: http://www.cppcns.com/wangluo/javascript/362426.html
© 著作权归作者所有
举报
发表评论
0/200
