【JavaScript 】定时器开关事件

最新推荐文章于 2023-04-27 16:39:30 发布

freedom_文

最新推荐文章于 2023-04-27 16:39:30 发布

阅读量430

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/freedomVenly/article/details/99949539

版权

javascript 专栏收录该内容

49 篇文章 1 订阅

订阅专栏

在这里插入图片描述


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="d1">0</div>


<button id="an1SclBtn">暂停</button>

<script src="../../jQuery-3.3.1.min.js"></script>
<script>

    var topY=0;

    function fn1() {
        if(topY>100){
            topY=0;
        }else{
            topY+=0.5;
        }

        $("#d1").html(topY);

    }


    var anTimer=setInterval(fn1,1000);


  $("#an1SclBtn").click(function () {

      var content=$(this).html();
      if(content=="暂停"){
          console.log(2);
          clearInterval(anTimer);        //关闭

          $(this).html("继续");
      }else{

          anTimer=setInterval(fn1,1000);     //继续， anTimer 前面一定不能加 var

          $(this).html("暂停");
      }
  })

</script>
</body>
</html>

效果图：

在这里插入图片描述