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()函数的基本用法。在实际开发中，我们可以使用这两个函数控制代码的执行顺序，节省程序运行时的资源。