JS-定时器-延时函数-间歇函数

6次阅读
没有评论

共计 881 个字符,预计需要花费 3 分钟才能阅读完成。

setTimeout() 定时器

    window.setTimeout(回调函数, [延迟的毫秒数])

setTimeout() 方法用于设置一个定时器,该定时器在定时器到期后执行调用函数

停止 setTimeout() 定时器

    let timer = window.setTimeout(回调函数, [延迟的毫秒数])
    window.clearTimeout(timer)

clearTimeout() 方法取消了先前通过调用 setTimeout() 建立的定时器,里面的参数就是定时器的标识符

setInterval() 定时器

    window.setInterval(调用函数, [延迟的毫秒数])

setInterval() 方法重复调用一个函数,每隔这个时间,就去调用一次回调函数

停止 setInterval() 定时器

    let timer = window.setInterval(调用函数, [延迟的毫秒数])
    window.clearInterval(timer)

clearInterval() 方法取消了先前通过调用 setInterval() 建立的定时器,里面的参数就是定时器的标识符

延时函数-间歇函数区别

  • setInterval 的特征是重复执行,首次执行会延时
  • setTimeout 的特征是延时执行,只执行一次
  • setTimeout 结合递归函数,能模拟 setInterval 重复执行
  • clearTimeout 清除由 setTimeout 创建的定时任务
  • clerInterval 清除由 setInterval 创建的定时任务

结合递归函数可以使用 swtTimeout 实现 setInterval 一样的功能

    <div class="clock"></div>
    <script>
        let clock = document.querySelector('.clock')
        function myInterval () {
            let date = new Date()
            clock.innerText = date.toLocaleString()
            // 延时任务 自调用
            setTimeout(myInterval, 1000)
        }
        // 启动定时任务
        myInterval()
    </script>

正文完
 0
qiaofugui.cn
版权声明:本站原创文章,由 qiaofugui.cn 于2024-05-20发表,共计881字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码