JS---定时器

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

原创

最新推荐文章于 2025-07-28 20:29:32 发布 · 2.4k 阅读

29 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #html #java

一、定时器方法

1.1 设置定时器的方法

1. setInterval() ：（间隔多少时间后，去执行某些事情，是多次调用）

按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭

示例代码：

// 周期性定时器
      //setInterval(回调函数,周期时间 毫秒数,参数1,参数2...)
      // 参数1,参数2... 都是给回调函数传参
      //释放定时器
      clearInterval(timer);
      timer = null;
      
//示例代码
        //1.先创建一个变量，未来要接收定时器
        var timer = null;
        var n = 0;
        var h1 = document.querySelector("h1");
        //2.使用定时器
        timer = setInterval(() => {
          n++;
          h1.innerHTML = "标题" + n;
          //3.想要停止定时器--一般加一个判断条件
          if (n >= 5) {
            clearInterval(timer);
            timer = null;
          }
        }, 500);