JS定时器使用,定时定点,固定时刻,循环执行详解

关于JS定时器的使用，通常有两种方式：setTimeout和setInterval。其中，setTimeout可以在指定的时间后执行一次代码，而setInterval则可以每隔指定的时间重复执行代码，直到手动停止它。

setTimeout

语法

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

参数说明

• function：要执行的函数，可以是匿名函数或者函数名。
• milliseconds：延迟的毫秒数。
• param1，param2，...：可选参数，传递给函数的参数。

示例

下面是一个简单的setTimeout使用示例：

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

解析：以上代码会在1秒之后，在控制台输出“1秒后输出”。

setInterval

语法

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

参数说明

• function：要执行的函数，可以是匿名函数或者函数名。
• milliseconds：循环执行的毫秒数。
• param1，param2，...：可选参数，传递给函数的参数。

示例

下面是一个简单的setInterval使用示例：

var count = 0;
var timer = setInterval(function(){
  console.log('我已经循环执行了' + count + '次');
  count++;
  if(count >= 3){
    clearInterval(timer);  // 循环执行3次后，手动停止
  }
}, 1000);

解析：以上代码会每隔1秒，在控制台输出一次已经循环执行了多少次，循环执行3次之后，手动停止定时器。

总结一下：

• setTimeout可以延迟一定时间后执行代码。
• setInterval可以每隔一定时间执行代码，可以通过手动停止来结束循环。
• 这两种方法可以结合使用，用setTimeout实现延迟执行，用setInterval实现循环执行。
• 注意：定时器的执行时间是相对的，也就是说不一定准确等于我们给定的时间间隔。