JS SetInterval 代码实现页面轮询

JS的setInterval()方法可以用来循环定时执行某个函数或代码块，实现页面轮询功能。以下是实现步骤。

步骤1：创建计时器

我们可以使用setInterval()方法创建一个计时器，输入参数有两个，第一个是要执行的函数或代码块，第二个是执行的时间间隔（单位毫秒）。

以下是一个示例：

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

上述代码表示每隔一秒钟执行一次console.log()方法，并将字符串"Hello World!"输出到控制台。

步骤2：处理轮询的逻辑

在创建计时器后，我们需要将轮询的逻辑放到计时器中，实现在一定间隔内执行一次指定的函数或代码块。

以下是一个示例，该示例查询服务器上的新数据，并在处理完所有的数据后，再过一段时间重新查询一次：

//创建计时器，每隔5秒查询一次服务器上的新数据
var timer = setInterval(function(){
  //向服务器发送数据请求
  $.ajax({
    type: "GET",
    url: "http://www.example.com/getData",
    dataType: "json",
    success: function(data){
      //处理服务器返回的数据
      processData(data);
      //如果数据处理完毕，停止计时器并重新开始轮询
      if(allDataProcessed){
        clearInterval(timer);
        setTimeout(function(){
          timer = setInterval(pollServer, 5000);
        }, 5000);
      }
    }
  });
}, 5000);

上述代码会每5秒钟向服务器发送一次HTTP GET请求，并根据服务器返回的数据进行处理。如果数据处理完毕，会使用clearInterval()方法清除计时器，然后再延迟5秒钟后重新启动计时器，进入下一轮轮询。

以上是JS使用setInterval()实现页面轮询的攻略，希望对你有帮助。