JavaScript_定时器

最新推荐文章于 2024-09-14 19:44:09 发布

buibuibui_piapia

最新推荐文章于 2024-09-14 19:44:09 发布

阅读量183

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/buibuibui_piapia/article/details/111872519

版权

定时器

1.setTimeout() 超时定时器
延迟执行代码，只执行一次；清除定时器使用clearTimeout()

<body>
    <button onclick="fn()">停止定时器</button>
    <script>
        // setTimeout()超时定时器
        // 五秒之后执行一次函数内的代码（只执行一次）
        var timer = setTimeout(function () {
            console.log(123)
        },5000)
        // 停止定时器
        function fn () {
            clearTimeout(timer)
        }
    </script>
</body>

2.setInterval() 间隔定时器
每隔一段时间就会重复执行代码（重复执行）；清除定时器使用clearInterval()

// setInterval()间隔定时器
// 一般第一个参数是一个函数，函数内是我们需要重复执行的代码
// 第二个参数是我们设置的间隔时间，也就是每隔多少时间执行一次函数内的代码
// 定时器的返回值是当前定时器的id（计算机随机分配的）
// 我们停止定时器都是根据这个id来停止
var i = 0
var timer = setInterval(function () {
    // 每隔一秒就会打印一次 i++ 的结果
    console.log(i++)
    // 判断终点
    if (i === 5) {
        // 当 i===5 的时候，我们在clearInterval里面填个参数，
        // 这个参数对应的是 i===5 时定时器的返回值（也就是i===5时定时器对应的id）
        clearInterval(timer)
    }
},1000)