📜  1s 后运行 javascript (1)

📅  最后修改于: 2023-12-03 15:13:06.266000             🧑  作者: Mango

1s 后运行 JavaScript

当我们使用 JavaScript 编写程序时,经常需要在一定时间后执行某个操作。这就需要用到 JavaScript 中的定时器函数。其中,setTimeout() 函数用于在一定时间后执行一段代码。

setTimeout() 函数

setTimeout() 函数接受两个参数,第一个参数是要执行的代码,第二个参数是延迟的时间(单位为毫秒)。

setTimeout(function() {
  console.log('1秒后运行');
}, 1000);

上述代码表示,1秒钟后输出“1秒后运行”的信息。

setInterval() 函数

除了 setTimeout() 函数,JavaScript 还提供了 setInterval() 函数,它用于每隔一定时间重复执行一段代码。

setInterval(function() {
  console.log('1秒后运行');
}, 1000);

上述代码表示,每隔1秒钟输出“1秒后运行”的信息,这个定时器会一直运行下去。

取消定时器

如果需要取消定时器,可以使用 clearTimeout()clearInterval() 函数。

// 使用 clearTimeout() 取消 setTimeout() 函数
var timerId = setTimeout(function() {
  console.log('1秒后运行');
}, 1000);
clearTimeout(timerId);

// 使用 clearInterval() 取消 setInterval() 函数
var intervalId = setInterval(function() {
  console.log('1秒后运行');
}, 1000);
clearInterval(intervalId);

上述代码表示,先使用 setTimeout()setInterval() 分别创建定时器,然后使用 clearTimeout()clearInterval() 取消定时器。

以上就是关于 JavaScript 中定时器函数的介绍。使用定时器函数可以让我们的程序更加灵活,实现更加多样化的功能。