我们都晓得的是setTimout是用来耽误一个简朴的行动的，然则，setInterval的目标是用来反复实行某个行动的。

然后，以上只是一半的现实。由于假如一个函数须要在一个距离时候内反复的实行，你也能够轻松的运用 setTimeout 设定耽误时候，被耽误实行的函数再举行自挪用以此完成轮回。

所以，这里有2种方法做一样的事

一个用setInterval

var doStuff = function () {
  // Do stuff
};
setInterval(doStuff, 1000);

一个用setTimeout

var doStuff = function () {
    // DoStuff
    setTimeout(doStuff, 1000); 
};
setTimeout(doStuff, 1000);

// 假如你想马上实行函数，能够如许写
var doStuff = function () {
    setTimeout(doStuff, 1000);
}
doStuff();

// 或许，更酷的体式格局，运用马上实行函数
(function doStuff () {
   // Do Stuff
   setTimeout(doStuff, 1000);
}())

这必定致使下面两个题目

题目：setInterval和self-invoking setTimeout-loops是能够相互替代的吗?
答案：不，固然不可。它们之间有着很纤细的区分，然则假如想写出好的代码，这些纤细的区分就是你想晓得的事。

固然，接下我将会诉说的，第一，我将关照你，我们一般会碰到什么样的题目，第二，我将最先引见它们之间纤细的区分，这些区分将让我们从这两个挑选中选出更具吸引力的谁人一，第三，我将关照你实在基础不必体贴另一个。然后。这里是结论，setTimeout将是更冷艳的那一个。接下来我将一点一点诠释。

历程梗塞

起首：假如你试着反复挪用的函数并不会化太多的时候来跑，那末将不会有任何题目。即使如此，被挪用的函数依旧会涌现2中差别的状况：它既能够在CPU上高集合的运转剧本，或许它也能够在剧本流外先发出一个敕令，并守候效果的到来。

我们重要研讨先看第二种状况。典范的就是ajax回调：你的剧本并不会守候服务器的相应，它会本身实行到最后，并让回调函数来监听ajax相应。

如今，一些网站想要你坚持及时更新，像Gmail，当你取得一封新的邮件时便会革新你的邮箱。这里服务端有新音讯时便及时关照浏览器端的手艺，一般叫做ajax轮询。浏览器隔一段时候像服务器发送一个要求，讯问这里有无须要更新的音讯。

你或许会想，你很善于运用setInterval

// 不要如许做
var pollServerForNewMail = function () {
  $.getJSON('/poll_newmail.php', function (response) {
    if (response.newMail) {
      alert(
        "New mail. At last. You made me walk all the way to the server and back every " +
        "second for this, so if this isn't life-or-death, you got another thing coming."
      );
    }
  });
};
setInterval(pollServerForNewMail, 1000);

实在像上面那样写并不好。由于要求发送出去到返来是须要时候的，然则这段时候谁能保证会比你设置的距离时候要短呢？

一个典范的初学者的毛病，会想将轮询的距离时候设置的长一点或许能够处理这个题目。然后，现实是，不管你的距离时候设的是多少，它依旧有能够比，ajax相应的时候短。也就是说，有能够会发作，第一个要求还没返来的状况下，第二要求又已发出去了。而你须要的是两个要求之间有呼吸的空间，而setTimeout便能够处理这个题目。

(function pollServerForNewMail() {
  $.getJSON('/poll_newmail.php', function (response) {
    if (response.newMail) {
      alert(
        "You have received a letter, good sir. " + 
        "I will have a quick lie-down and be on my way shortly."
      );
    }
    setTimeout(pollServerForMail, 1000);
  });
}());

在第一次发出要求，服务器相应之前，不会发作任何事。在相应返来时，才会继承发出第二个要求。固然，这也就意味着，两个轮询之间的时候超过了1秒，这也依赖于林林总总的要素，像网速和服务器的相应速度等。然则，明显的，这对我们要做的事来讲并不算是什么题目。

例子

这里有两个例子来更好的举行申明。

var timesRun = 0;
var startTime = new Date().getTime();

var doStuff = function () {
  var now = new Date().getTime();

  // 只跑5次
  if (++timesRun == 5) clearInterval(timer);

  console.log('Action ' + timesRun + ' started ' + (now - startTime) + 'ms after script start');

  // Waste some time
  for (var i = 0; i < 100000; i++) {
    document.getElementById('unobtanium');
  }

  console.log('and took ' + (new Date().getTime() - now) + 'ms to run.');
};

var timer = setInterval(doStuff, 1000);

下面是效果

Action 1 started 1000ms after script start
and took 8ms to run.
Action 2 started 2000ms after script start
and took 8ms to run.
Action 3 started 3004ms after script start
and took 6ms to run.
Action 4 started 4002ms after script start
and took 6ms to run.
Action 5 started 5000ms after script start
and took 6ms to run.

这里并没有多大的不测。这段代码中心的轮回花了一点时候，然则setInterval依旧很严厉的实行了它的设计。在一秒的距离之间，最先时候之间并没有一点闲暇。

如今是setTimeout-loop的例子

var timesRun = 0;
var startTime = new Date().getTime();

var doStuff = function () {
  var now = new Date().getTime();

  console.log('Action ' + (timesRun + 1) + ' started ' + (now - startTime) + 'ms after script start');

  // Waste some time
  for (var i = 0; i < 100000; i++) {
    document.getElementById('unobtanium');
  }

  console.log('and took ' + (new Date().getTime() - now) + 'ms to run.');

  // Run only 5 times
  if (++timesRun < 5) {
    setTimeout(doStuff, 1000);
  }
};

setTimeout(doStuff, 1000);

输出效果

Action 1 started 1010ms after script start
and took 8ms to run.
Action 2 started 2021ms after script start
and took 8ms to run.
Action 3 started 3031ms after script start
and took 5ms to run.
Action 4 started 4037ms after script start
and took 6ms to run.
Action 5 started 5043ms after script start
and took 6ms to run.

这里也并没有太多的不测。我们已晓得setTimeout-loop并不会严厉的实行设计，而是在函数下一次挪用之前，会给函数它充足的时候实行它内里的代码。

结论

不要运用setInterval,假如你在意你的时候。setTimeout-loop能够给你充足的时候掌握你的剧本和回调，