javascript秒表计时器实现代码 - CSDN文库

秒表计时器

66 浏览量更新于2023-05-09 评论收藏 30KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

javascript 秒表计时器实现代码秒表计时器实现代码

主要介绍了javascript 秒表计时器实现代码的相关资料,需要的朋友可以参考下

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才对。

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

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38727798

粉丝: 6
资源: 939

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈