JavaScript之取消计时器clearInterval()

最新推荐文章于 2024-05-31 14:59:27 发布

AlexYBB

最新推荐文章于 2024-05-31 14:59:27 发布

阅读量1.2k

点赞数

分类专栏： JavaScript学习

本文链接：https://blog.csdn.net/beibei0921/article/details/48196857

版权

JavaScript学习专栏收录该内容

14 篇文章 0 订阅

订阅专栏

clearInterval() 方法可取消由 setInterval() 设置的交互时间。

语法：

clearInterval(id_of_setInterval)

参数说明:

id_of_setInterval：由 setInterval() 返回的 ID 值。

任务：每隔 1000 毫秒调用 clock() 函数,并显示时间。当点击按钮时，停止时间，代码如下：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
   function clock(){
      var time=new Date();               	  
      document.getElementById("clock").value = time;
   }
    var i = setInterval(clock,1000);
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50"  />
    <input type="button" value="Stop" οnclick="clearInterval(i)" />
  </form>
</body>
</html>