JS简易秒表计时器

最新推荐文章于 2023-12-04 16:55:42 发布

叫我梧桐树

最新推荐文章于 2023-12-04 16:55:42 发布

阅读量526

点赞数

原文超链接点击打开链接

<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>
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
 
  
  
 
 
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

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

叫我梧桐树

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS简易秒表计时器

原文超链接点击打开链接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="butt
复制链接

扫一扫