计时器

2013/02/27 13:09
阅读数 37

所用函数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>
展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部