js 定时器

简介: js 定时器

在 JavaScript 中,您可以使用定时器来执行一些操作,例如延迟执行代码或周期性执行代码。下面是常见的定时器函数:

  1. setTimeout: 用于延迟执行一段代码,只执行一次。
setTimeout(() => {
   
  // 这里是要执行的代码
}, 1000); // 1000 毫秒(1 秒)后执行

在上述示例中,setTimeout 函数会在指定的延迟时间后执行回调函数内的代码。

  1. setInterval: 用于周期性地重复执行一段代码。
setInterval(() => {
   
  // 这里是要执行的代码
}, 2000); // 每隔 2000 毫秒(2 秒)执行一次

在上面的示例中,setInterval 函数会每隔指定的时间重复执行回调函数内的代码。

  1. clearTimeoutclearInterval: 用于取消定时器。
const timeoutId = setTimeout(() => {
   
  // 这里是要执行的代码
}, 1000);

clearTimeout(timeoutId); // 取消延迟执行的代码

const intervalId = setInterval(() => {
   
  // 这里是要执行的代码
}, 2000);

clearInterval(intervalId); // 取消周期性执行的代码

在上述示例中,clearTimeoutclearInterval 函数用于取消之前创建的定时器。您需要传递定时器返回的 ID 参数以确认要取消哪个定时器。

目录
相关文章
|
3月前
|
JavaScript
JS定时器
JS定时器
23 0
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
JS实现定时器
JS实现定时器
44 0
|
4月前
|
JavaScript 前端开发 Java
JavaScript对象及定时器案例
JavaScript对象及定时器案例
44 0
|
6月前
|
前端开发 JavaScript
前端基础 - JavaScript定时器
前端基础 - JavaScript定时器
37 0
|
1天前
|
JavaScript 前端开发
JavaScript如何设置定时器,怎么清除定时器
JavaScript如何设置定时器,怎么清除定时器
9 3
|
9天前
|
JavaScript 前端开发
JavaScript 定时器
JavaScript 定时器
|
1月前
|
JavaScript 前端开发
JS定时器与延时器
JS定时器与延时器
|
3月前
|
JavaScript 前端开发
JS实现可以控制的定时器,setInterval,clearInterval
JS实现可以控制的定时器,setInterval,clearInterval
20 0
|
3月前
|
前端开发 JavaScript 程序员
(前端面试题)详解 JS 的 setTimeout 和 setInterval 两大定时器
(前端面试题)详解 JS 的 setTimeout 和 setInterval 两大定时器
|
4月前
|
JavaScript 前端开发
javaScript_04 定时器
javaScript_04 定时器