JS使用setInterval计时器实现挑战10秒
JS实现挑战10秒,主要用到setInterval计时器,供大家参考,具体内容如下
效果图
## 完整代码
<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 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(timer);// txt.innerText='我爱你'; } //重置 function oReset() { txt.innerText='00:00'; n=0; } //补零 function toDub(n){ return n<10?'0'+n:n; }</script></body></html>
更多关于倒计时的文章请查看专题: 《倒计时功能》
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持好吧啦网。
相关文章:
1. 在Spring 中使用@Aspect 控制自定义注解的操作2. Django model class Meta原理解析3. Python csv文件记录流程代码解析4. Windows+Apache搭建PHP开发环境5. Django自带用户认证系统使用方法解析6. Java 如何实现AES加密7. 详解Android跨进程通信之AIDL8. django admin search_fields placeholder 管理后台添加搜索框提示文字9. python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析10. set rs=conn.execute,set rs=server.createobject(“ADODB.recordset”)的性能对比