美文网首页
JavaScript 创建和清除 setTimeout、setI

JavaScript 创建和清除 setTimeout、setI

作者: 暴躁程序员 | 来源:发表于2023-10-10 16:21 被阅读0次

一、setTimeout() 等待执行定时器

  1. 创建等待执行定时器 const timeoutID = setTimeout(() => { 执行代码块 }, 毫秒)
// 1000 毫秒后执行一次
const timeoutID = setTimeout(() => {
    console.log("执行代码块");
}, 1000);
  1. 清除等待执行定时器 clearTimeout(timeoutID)
// 1000 毫秒后执行一次
const timeoutID = setTimeout(() => {
    console.log("执行代码块");
}, 1000);

// 清除 timeoutID 定时器
// clearTimeout(timeoutID)

二、setInterval() 循环执行定时器

  1. 创建循环执行定时器 const intervalID = setInterval(() => { 执行代码块 }, 毫秒);
// 每 1000 毫秒执行一次
const intervalID = setInterval(() => {
    console.log("执行代码块");
}, 1000);
  1. 清除循环执行定时器 clearInterval(intervalID)
// 每 1000 毫秒执行一次
const intervalID = setInterval(() => {
    console.log("执行代码块");
}, 1000);

// 清除 intervalID 定时器
// clearInterval(intervalID)

相关文章

  • JS09

    JavaScript 定时器 单次定时 setTimeout(fn,2000); 多次定时 setI...

  • Web26.闭包&定时器&BOM

    定时器 JavaScript提供执行代码的功能,叫做定时器(timer),主要由setTimeout()和setI...

  • JavaScript -- 定时器

    介绍 JavaScript 提供了两个方法供我们设置一个定时器,它们分别是 setTimeout() 和 setI...

  • this.$nextTick的那些事

    宏任务macro task: setTimeout、MessageChannel、postMessage、setI...

  • setTimeout()、clearTimeout()、setI

    setTimeout() // 用于指定毫秒数后调用函数表达式(只执行一次)clearTimeout() // 阻...

  • js中两种定时器的本质区别

    这里主要介绍常用的setTimeout 和 setInterval。 两个共同点: setTimeout和setI...

  • 宏观任务与微观任务

    宏观微观 概念 宿主:宏观任务:宿主发起的任务为宏观任务,如setTimeout、setInterval、setI...

  • 2016.11.30 js

    setTimeout setTimeout(函数,毫秒);只执行一次 clearTimeout();清除,不会执行...

  • BOM 定时器

    一、定时器setTimeout、清除定时器clearTimeout 1、window.setTimeout(调用函...

  • 用setTimeout 实现一个setInterval

    之所以要用 setTimeout 去做一个 setInterval,是在实现一个“调速”的功能的时候,修改setI...

网友评论

      本文标题:JavaScript 创建和清除 setTimeout、setI

      本文链接:https://www.haomeiwen.com/subject/zuowbdtx.html