setInterval()周期定时器和setTimeout()一次性定时器的三种用法

最新推荐文章于 2024-07-15 16:14:38 发布

Yshx.

最新推荐文章于 2024-07-15 16:14:38 发布

阅读量1.9k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Ainyu/article/details/89338579

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

setInter()和setTimeout()定时器的用法一样，在此以setInter()为例

1.第一种用法

<body>
<p id="demo"></p>
</body>

<script>

     function a(){
     var d=new Date();
     var t= d.toLocaleString();
     document.getElementById("demo").innerHTML=t;
     }
     
    //这样调用
     setInterval(a,1000);
     
    //或者这样调用
   // setInterval("a()",1000);
   
</script>

2.第二种方法（当代码相对复杂时，直接用匿名函数来定义执行代码）

<body>
<p id="demo"></p>
</body>

<script>
   
    setInterval(function(){
     var d=new Date();
     var t= d.toLocaleString();
     document.getElementById("demo").innerHTML=t;
     },1000)
     
</script>

3.第三种方法（考虑到有时候需要暂时或停止计时器运行，可以采用如下代码）

<body>
<p id="demo"></p>
</body>

var t=setInterval(function(){
     var d=new Date();
     var t= d.toLocaleString();
     document.getElementById("demo").innerHTML=t;
     },1000);
     
     setTimeout("clearInterval(t)",10000); //表示10秒后停止计时器运行

因为setTimeout()定时器只执行一次，所以代码最后可用它来停止setInterval()定时器