javascript来实现定时器

最新推荐文章于 2024-05-07 16:53:34 发布

wh柒八九

最新推荐文章于 2024-05-07 16:53:34 发布

阅读量423

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/qq_31960623/article/details/103449177

版权

web前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

使用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>

在这里插入图片描述

wh柒八九

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript来实现定时器

使用javascript来实现定时器javascript中的setTimeout函数，用来实现定时器，第一个参数为实现的调用函数，第二个参数为定时的时间，单位为秒数。她点为该函数只可以调用一次下面为一个使用setTimeout函数的简单例子代码如下<script type="text/javascript"> function count(){ ...
复制链接

扫一扫