js定时器的语法及应用

定时器的语法

setInterval()

setInterval() 方法创建一个重复执行的定时器。语法如下：

setInterval(function, milliseconds);

• function：要执行的函数。
• milliseconds：重复执行的时间间隔，单位为毫秒。

例如，以下代码每 1 秒钟输出一次“Hello World!”：

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

clearInterval()

clearInterval() 方法清除一个定时器。语法如下：

clearInterval(timer);

• timer：要清除的定时器。

例如，以下代码清除一个每 1 秒钟执行一次的定时器：

var timer = setInterval(function() {
  console.log("Hello World!");
}, 1000);

clearInterval(timer);

setTimeout()

setTimeout() 方法创建一个只执行一次的定时器。语法如下：

setTimeout(function, milliseconds);

• function：要执行的函数。
• milliseconds：延迟执行的时间间隔，单位为毫秒。

例如，以下代码在 5 秒后输出“Hello World!”：

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

clearTimeout()

clearTimeout() 方法清除一个定时器。语法如下：

clearTimeout(timer);

• timer：要清除的定时器。

例如，以下代码清除一个在 5 秒后执行一次的定时器：

var timer = setTimeout(function() {
  console.log("Hello World!");
}, 5000);

clearTimeout(timer);

定时器的应用

定时器在 JavaScript 中有很多应用，例如：

• 倒计时秒杀：创建一个定时器，每隔一段时间更新倒计时时间。
• 无限轮播图：创建一个定时器，每隔一段时间自动切换图片。
• 自动关闭广告：创建一个定时器，在一段时间后自动关闭广告。

结论

定时器是 JavaScript 中非常有用的工具。掌握了定时器的使用，可以开发出很多有用的应用。