首页 > 代码库 > JavaScript编写了一个计时器
JavaScript编写了一个计时器
初学JavaScript,用JavaScript编写了一个计时器。
设计思想:
1、借助于Date()对象,来不断获取时间点;
2、然后用两次时间点的毫秒数相减,算出时间差;
3、累加时间差,这样就能把计时精确。
ps:
没在网上看到有这种方法,一般都是用的setinterval,
编程语言自带的延时,时间控制都有比较大的误差,所以用系统时间相减的方法控制精准。
本例互相交流用,并迫切希望得到的读者的想法及建议。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var tFlag = 0; var tPass = 0; function timer(id) { if (tFlag != 0) { var tNew = new Date().getTime(); tPass = tPass + (tNew - tFlag); tFlag = tNew; } else { tFlag = new Date().getTime(); } setTimeout("timer('" + id + "')", 100); var ml = tPass % 1000; var sc = Math.floor((tPass / 1000) % 60); var mi = Math.floor((tPass / 1000 / 60) % 60); var hr = Math.floor((tPass / 1000 / 60 / 60) % 24); var dy = Math.floor(tPass / 1000 / 60 / 60 / 24); var info = dy + "天" + hr + "时" + mi + "分" + sc + "秒" + ml + "毫秒"; document.getElementById(id).innerHTML = info; } </script> </head> <body> <button type="button" onclick="timer('ptime')"> 开始计时 </button> <p id="ptime"></p> </body> </html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。