js定时器

最新推荐文章于 2025-07-28 20:29:32 发布

weixin_34362790

最新推荐文章于 2025-07-28 20:29:32 发布

阅读量68

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/XueTing/p/10820457.html

博客展示了一个使用JavaScript实现定时器的示例。通过HTML创建了“打开”和“关闭”按钮，在JavaScript中，点击“打开”按钮会设置一个每隔1秒弹出提示框的定时器，点击“关闭”按钮则可关闭该定时器。

<body>
<input type="button" id="btn1" value="打开">
<input type="button" id="btn2" value="关闭">
</body>

<script>
       window.onload=function () {
           var o1 = document.getElementById('btn1');
           var o2 = document.getElementById('btn2');
    //该对象用来获取打开定时器时产生的对象//////////
           var timer = null;
   //该方法用来打开定时器，并每隔一秒打开一个提示框
           o1.onclick=function () {
               timer  =  setInterval(function () { //设置打开定时器，间隔时间为1000毫秒
                   alert('a');
               },1000);
           };

     ////该方法用来关闭定时器//////
           o2.onclick=function () {
               clearInterval(timer);  //关闭timer
           };
       };
    </script>

转载于:https://www.cnblogs.com/XueTing/p/10820457.html