浅析javascript 定时器

浅析JavaScript定时器

JavaScript的定时器指的是用来在一定时间后执行一段代码的方法。JavaScript中有两种定时器：setInterval和setTimeout。其中，setInterval表示定时执行某个函数；而setTimeout是在指定时间后只执行一次函数。

1.使用setInterval定时执行函数

setInterval()方法的语法结构如下：

setInterval(function, milliseconds)

其中，function代表要执行的函数，milliseconds则是指定时间间隔。

举个例子，下面代码表示每隔1秒后输出一次hello：

var count = 0;
setInterval(function () {
  console.log("hello");
  count++;
  if(count==3){
     clearInterval(id);
  }
}, 1000);

每隔1秒后输出一次hello，并计数器加1，当计数器加到3时，清除定时器。

2.使用setTimeout定期执行函数

setTimeout()方法的语法结构如下：

setTimeout(function, milliseconds)

其中，function代表要执行的函数，milliseconds则是指定时间间隔。

举个例子，下面代码表示3秒钟后输出一次hello：

setTimeout(function(){
  console.log("hello");
},3000);

3秒钟后输出一次hello。

总结

JavaScript中的定时器可以让我们延时执行一些操作，本文分别介绍了定时器使用中最核心的方法 setInterval 和 setTimeout，并且提供了两条示例来讲解这两个方法的具体用法。通过对本文的学习，我们应该掌握了JavaScript中定时器的使用方法。