计数器：setTimeout 和 clearTimeout 的应用

最新推荐文章于 2024-05-29 15:14:06 发布

原创最新推荐文章于 2024-05-29 15:14:06 发布 · 1.0k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#button #function #timer #date #c

【01】JavaScript 同时被 2 个专栏收录

18 篇文章

订阅专栏

【06】SourceCode

11 篇文章

订阅专栏

本文介绍了一个简单的计数器实现方案，使用JavaScript的setTimeout和clearTimeout函数来创建一个递增计数器，并提供了开始、停止及重置的功能。

计数器：setTimeout 和 clearTimeout 的应用

马嘉楠 2008-12-8

 
 <html>
<head>
  <META NAME="Author" CONTENT="Ma Jia nan">
  <META NAME="Date" CONTENT="2008-12-08">
  <META NAME="Description" CONTENT="Timer">
    <title>Timer</title>
    <script type="text/javascript">
        var c=0
        var t;
        function timeStart(){
          document.getElementById('time').value=c;
          c++;
          t=setTimeout("timeStart()",1000)
        }
        function timeStop(){
          clearTimeout(t);
        }
        function resetTime(){
            timeStop();
            c = 0;
            document.getElementById('time').value=c;
        }
    </script>
</head>
<body>
    <form>
        <input type="button" value="Start count!" onClick="timeStart()">
        <input type="text" id="time" value="0">
        <input type="button" value="Stop count!" onClick="timeStop()">
        <input type="button" value="Clear" onClick="resetTime()">
    </form>
</body>
</html>