定时器的两种方法

最新推荐文章于 2022-08-10 12:13:57 发布

鱼仔·

最新推荐文章于 2022-08-10 12:13:57 发布

阅读量2.6k

点赞数 2

文章标签： html5 javascript vue.js css

本文链接：https://blog.csdn.net/m0_46639176/article/details/120693590

版权

本文详细介绍了JavaScript中的两种定时器——setTimeout和setInterval，包括它们的使用方法、常见应用案例以及如何停止定时器。通过实例演示了京东秒杀倒计时、广告自动关闭和短信发送倒计时等场景，帮助读者深入理解定时器的工作原理和最佳实践。

摘要由CSDN通过智能技术生成

两种定时器

window 对象给我们提供了2个非常好用的方法----定时器

setTimeout()
setInterval()

setTimeout() 定时器
window.setTimeout( 调用函数 , [ 延迟的毫秒数 ]);

setTimeout() 方法用于设置一个定时器，该定时器在定时器到期后执行调用函数
<script>
    window.addEventListener('load', function () {
      // 1、setTimeout
      //window.setTimeout( 调用函数 , [ 延迟的毫秒数 ]);
      // 1、这个window在调用的时候可以省略
      // 2、这个延时时间单位是毫秒可以省略  如果省略默认是0
      // 3、调用函数可以直接写函数  还可以写函数名
      // 4、页面中可能会有很多的定时器，我们给定时器加标识符（名字）
      // setTimeout(function () {
      //   alert('时间到啦')
      // }, 2000);

      function bool() {
        alert('吼吼吼');
      }
      setTimeout(bool, 2000);
      var time1 = setTimeout(bool, 1000);
      var time2