使用setTimeout()可以在指定的时间启动一个函数:

setTimeout(function, 60000);

但是如果我想多次启动这个函数呢?每当一个时间间隔过去时,我都希望执行函数(假设每60秒执行一次)。


当前回答

// example:
// checkEach(1000, () => {
//   if(!canIDoWorkNow()) {
//     return true // try again after 1 second
//   }
//
//   doWork()
// })
export function checkEach(milliseconds, fn) {
  const timer = setInterval(
    () => {
      try {
        const retry = fn()

        if (retry !== true) {
          clearInterval(timer)
        }
      } catch (e) {
        clearInterval(timer)

        throw e
      }
    },
    milliseconds
  )
}

其他回答

如果你不关心计时器内的代码是否会比你的间隔时间长,请使用setInterval():

setInterval(function, delay)

反复触发作为第一个参数传入的函数。

一个更好的方法是使用setTimeout和一个自动执行的匿名函数:

(function(){
    // do some stuff
    setTimeout(arguments.callee, 60000);
})();

这保证了在执行代码之前不会进行下一次调用。我使用了论点。本例中的Callee作为函数引用。给函数命名并在setTimeout中调用是一种更好的方式因为参数。Callee在ecmascript 5中已弃用。

使用窗口。setInterval(函数、时间)。

您可以简单地在函数末尾调用setTimeout。这将再次将其添加到事件队列中。您可以使用任何类型的逻辑来改变延迟值。例如,

function multiStep() {
  // do some work here
  blah_blah_whatever();
  var newtime = 60000;
  if (!requestStop) {
    setTimeout(multiStep, newtime);
  }
}

使用

setInterval(function, 60000);

编辑:(如果你想在时钟启动后停止它)

脚本部分

<script>
var int=self.setInterval(function, 60000);
</script>

及HTML代码

<!-- Stop Button -->
<a href="#" onclick="window.clearInterval(int);return false;">Stop</a>

我看到这里没有提到,如果你需要在重复setTimeout(myFunc(myVal), 60000)上传递一个参数给你的函数;将导致在前一个调用完成之前调用函数的错误。

因此,您可以像这样传递参数

setTimeout(function () {
            myFunc(myVal);
        }, 60000)

有关更详细的信息,您可以查看JavaScript花园。

希望它能帮助到一些人。