关键词

js中setTimeout()与clearTimeout()用法实例浅析

js中setTimeout()与clearTimeout()用法实例浅析

setTimeout()

setTimeout()是JavaScript内置的函数,用来在指定的时间后执行一段代码。

语法:

setTimeout(function, milliseconds, param1, param2, ...)

参数解释:
- function: 必选项,要执行的代码。
- milliseconds: 必选项,等待的时间,以毫秒为单位。
- param1, param2: 可选项,传递给执行的代码的参数。

示例1:使用setTimeout()延迟3秒输出一条信息“Hello World!”

setTimeout(function(){
  console.log("Hello World!");
}, 3000);

示例2:使用setTimeout()延迟1秒执行一个函数,并且为函数传递两个参数。

function sayHello(name, message){
  console.log("Hello " + name + ", " + message);
}
setTimeout(sayHello, 1000, "John", "how are you?");

clearTimeout()

clearTimeout()函数用于取消由setTimeout()函数设置的timeout。

语法:

clearTimeout(timeoutID)

参数解释:
- timeoutID: setTimeout()返回的定时器ID。

示例3:在使用setTimeout()函数后立刻取消计时器。执行代码前将等待1000毫秒。

const timeoutID = setTimeout(function(){
  console.log("hello");
}, 1000);
clearTimeout(timeoutID);

以上就是setTimeout()clearTimeout()函数的基本用法。在实际开发中,我们可以使用这两个函数控制代码的执行顺序,节省程序运行时的资源。

本文链接:http://task.lmcjl.com/news/10284.html

展开阅读全文