JavaScript---定时器

最新推荐文章于 2025-03-27 21:30:21 发布

爞笑

最新推荐文章于 2025-03-27 21:30:21 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_38763540/article/details/84191876

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文深入解析JavaScript中的定时器功能，包括setInterval和setTimeout的区别与使用方法，以及如何通过clearInterval和clearTimeout来停止定时器，提供了具体的代码示例。

开启定时器

setInterval 间隔型

<script>
 function show(){
   alert("a");
 }
 
 setInterval(show,1000);//每隔1000ms弹一次窗口，即每隔一秒

</script>

setTimeout 延时型

<script>
 function show(){
   alert("a");
 }
 
 setTimeout(show,1000);//只弹一次窗口，不会一直执行下去
</script>

关闭定时器

clearInterval

clearTimeout

<script>
   window.onload=function (){
       var oBtn1=document.getElementById("btn1");
       var oBtn2=document.getElementById("btn2");
       var timer=null;
       
       oBtn1.onclick=function (){
            timer=setInterval(function (){
                    alert("a");     //设置每秒钟弹窗一次
          },1000);
       oBtn2.onclick=function (){
            clearInterval(timer);   //点击关闭
}
}
}
</script>
<body>
   <input id="btn1" type="button" value="开启">
   <input id="btn2" type="button" value="关闭">
</body>