js中的两种定时器,有什么区别?怎么清除定时器?

简介: js中的两种定时器,有什么区别?怎么清除定时器?

在JavaScript中,有两种类型的定时器:

  1. setTimeout():该定时器函数是用于在一段时间后执行一次某个函数。它接受两个参数:第一个参数是要执行的函数名或函数引用,第二个参数是以毫秒为单位的延迟时间。返回一个定时器ID值,可以用于清除定时器。

例如,下面的代码将在3秒后显示一个警告框:

function showAlert() {
  alert("Hello World!");
}
setTimeout(showAlert, 3000);
  1. setInterval():该定时器函数用于重复执行某个函数。它接受两个参数:第一个参数是要执行的函数名或函数引用,第二个参数是以毫秒为单位的重复时间。返回一个定时器ID值,可以用于清除定时器。

例如,下面的代码将每隔2秒钟打印一次"Hello World!":

function printHello() {
  console.log("Hello World!");
}
setInterval(printHello, 2000);

清除定时器可以使用clearTimeout()clearInterval()函数,分别按照定时器ID作为参数清除对应的定时器。

相关文章
|
10天前
|
前端开发 JavaScript Java
Java与JavaScript的区别与联系:有人的地方就有江湖,有浏览器的地方就有JavaScript
Java与JavaScript的区别与联系:有人的地方就有江湖,有浏览器的地方就有JavaScript
|
2天前
|
JavaScript 前端开发 索引
JavaScript与Object C的区别
JavaScript与Object C的区别
6 1
|
6天前
|
前端开发 JavaScript
前端 JS 经典:typeof 和 instanceof 区别
前端 JS 经典:typeof 和 instanceof 区别
10 0
|
6天前
|
前端开发 JavaScript
前端 JS 经典:for-in 和 for-of 用法区别
前端 JS 经典:for-in 和 for-of 用法区别
13 0
|
9天前
|
前端开发 JavaScript
前端 JS 经典:i,i++,++i区别
前端 JS 经典:i,i++,++i区别
12 0
|
9天前
|
前端开发 JavaScript
前端 JS 经典:let、const、var 区别
前端 JS 经典:let、const、var 区别
9 0
|
9天前
|
缓存 JavaScript 前端开发
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
|
9天前
|
XML 前端开发 JavaScript
jQuery与javascript的区别+案例 锋芒毕露
jQuery与javascript的区别+案例 锋芒毕露
|
9天前
|
JavaScript 前端开发
探索JavaScript中的let、const和var:区别与使用场景
探索JavaScript中的let、const和var:区别与使用场景
|
11天前
|
JavaScript 前端开发 开发者
.js 文件和 .mjs 文件的区别
.js 文件和 .mjs 文件的区别
40 0