网站首页 网站建设 IT知识 IT知识教程 javascript 秒表计时器实现代码

javascript 秒表计时器实现代码

2021-05-28 10:00:23

javascript 秒表计时器

实例代码:

<html lang="en"><head><meta charset="UTF-8"><title>js计时器</title></head><body><input type="text" value="00:00"><input type="button" value="开始"><input type="button" value="结束"><input type="button" value="重置"><script> var oTxt=document.getElementsByTagName("input")[0]; var oStart=document.getElementsByTagName("input")[1]; var oStop=document.getElementsByTagName("input")[2]; var oReset=document.getElementsByTagName("input")[3]; var n= 0, timer=null; //开始计时 oStart.onclick= function () { clearInterval(timer); timer=setInterval(function () { n++; var m=parseInt(n/60); var s=parseInt(n%60); oTxt.value=toDub(m)+":"+toDub(s); },1000/60); }; //暂停并且清空计时器 oStop.onclick= function () { clearInterval(timer); } //重置 oReset.onclick= function () { oTxt.value="00:00"; n=0; } //补零 function toDub(n){ return n<10?"0"+n:""+n; }</script></body></html>

在计时器设置运行间隔那里,一开始设置了100,其实是不对的,因为 1秒=1000毫秒;我们要分成60个数字来显示,所以还是要除以60才对。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。 如涉及版权问题,请提交至online#300.cn邮箱联系删除。

以上产品还未完全满足我的所有需求,在下方提交我的专属需求
我的专属需求:
*手机号:
*验证码:
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询

img

微信咨询

扫一扫添加
动力姐姐微信

img
img

TOP