计时器

最新推荐文章于 2024-11-02 16:28:26 发布

weixin_34273479

最新推荐文章于 2024-11-02 16:28:26 发布

阅读量62

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/syc2013/blog/110611

版权

2019独角兽企业重金招聘Python工程师标准>>>

所用函数DOM Window对象的setTimeout()和clearTimeout()方法

效果：

在此输入图片描述

示例：

<!-- lang: html -->
<html>
<!-- lang: html -->
<head>
<!-- lang: html -->
    <script type="text/javascript">
<!-- lang: html -->
        var c=0;
<!-- lang: html -->
        var t;
<!-- lang: html -->
        function timedCount(){
<!-- lang: html -->
            document.getElementById('txt').value=c;
<!-- lang: html -->
            c=c+1;
<!-- lang: html -->
            t=setTimeout("timedCount()",1000);
<!-- lang: html -->
        }
<!-- lang: html -->
        function stopCount(){
<!-- lang: html -->
            clearTimeout(t)
<!-- lang: html -->
        }
<!-- lang: html -->
    </script>
<!-- lang: html -->
</head>
<!-- lang: html -->
<body>
<!-- lang: html -->
<form>
<!-- lang: html -->
<input type="button" value="开始计时" onclick="timedCount()">
<!-- lang: html -->
<input type="text" id="txt">
<!-- lang: html -->
<input type="button" value="结束计时" onclick="stopCount()">
<!-- lang: html -->
</form>
<!-- lang: html -->
</body>
<!-- lang: html -->
</html>

转载于:https://my.oschina.net/syc2013/blog/110611