javascript来实现定时器

使用javascript来实现定时器
javascript中的setTimeout函数,用来实现定时器,第一个参数为实现的调用函数,第二个参数为定时的时间,单位为秒数。她点为该函数只可以调用一次

下面为一个使用setTimeout函数的简单例子

代码如下

<script type="text/javascript">
   
   function count(){
       
      setTimeout("alert('执行成功!!');",2000)
   
   }
</script>

  </head>
  
<body>
   
   <input type="button" value="计时开始" onclick="count();">    
</body>
</html>

在这里插入图片描述

javascript中的setInterval函数,用来实现定时器,第一个参数为实现的调用函数,第二个参数为定时的时间,单位为秒数,特点为该函数可以多次调用

下面为一个使用setInterval函数的简单例子

代码如下

<script type="text/javascript">

  var sec = 0;
  var timeId = setInterval("count()", 1000);
  
  function count(){
  
     document.getElementById("num").innerHTML = sec++;
  }
   
  function stopCount(){
     
     clearInterval(timeId);
  
  }

</script>
  
<body>
   
   <font color = "red" id = "num">0</font>&nbsp;计时开始
   <input type="button" value="停止" onclick = "stopCount();">  
</body>
</html>

在这里插入图片描述

发布了28 篇原创文章 · 获赞 2 · 访问量 1371

猜你喜欢

转载自blog.csdn.net/qq_31960623/article/details/103449177