繁体   English   中英

每 60 秒调用一次函数

[英]Calling a function every 60 seconds

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

setTimeout(function, 60000);

但是如果我想多次启动该功能怎么办? 每次经过一个时间间隔时,我都想执行该函数(假设每 60 秒一次)。

如果您不关心timer的代码是否可能比您的时间间隔更长,请使用setInterval()

setInterval(function, delay)

这会一遍又一遍地触发作为第一个参数传入的函数。

更好的方法是,将setTimeoutself-executing anonymous函数一起使用:

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

这保证了在您的代码执行之前不会进行下一次调用。 我在这个例子中使用了arguments.callee作为函数引用。 这是一个更好的方式来给函数的名称和调用中setTimeout因为arguments.callee是ECMAScript中5弃用。

使用

setInterval(function, 60000);

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

脚本部分

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

和 HTML 代码

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

更好地使用jAndy答案来实现轮询功能,该轮询功能每interval秒轮询一次,并在timeout秒后结束。

function pollFunc(fn, timeout, interval) {
    var startTime = (new Date()).getTime();
    interval = interval || 1000;

    (function p() {
        fn();
        if (((new Date).getTime() - startTime ) <= timeout)  {
            setTimeout(p, interval);
        }
    })();
}

pollFunc(sendHeartBeat, 60000, 1000);

更新

根据评论,更新它以获取传递函数停止轮询的能力:

function pollFunc(fn, timeout, interval) {
    var startTime = (new Date()).getTime();
    interval = interval || 1000,
    canPoll = true;

    (function p() {
        canPoll = ((new Date).getTime() - startTime ) <= timeout;
        if (!fn() && canPoll)  { // ensures the function exucutes
            setTimeout(p, interval);
        }
    })();
}

pollFunc(sendHeartBeat, 60000, 1000);

function sendHeartBeat(params) {
    ...
    ...
    if (receivedData) {
        // no need to execute further
        return true; // or false, change the IIFE inside condition accordingly.
    }
}

在 jQuery 中,您可以这样做。

 function random_no(){ var ran=Math.random(); jQuery('#random_no_container').html(ran); } window.setInterval(function(){ /// call your function here random_no(); }, 6000); // Change Interval here to test. For eg: 5000 for 5 sec
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="random_no_container"> Hello. Here you can see random numbers after every 6 sec </div>

setInterval(fn,time)

是你追求的方法。

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

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

每 2 秒调用一次 Javascript 函数,持续 10 秒。

 var intervalPromise; $scope.startTimer = function(fn, delay, timeoutTime) { intervalPromise = $interval(function() { fn(); var currentTime = new Date().getTime() - $scope.startTime; if (currentTime > timeoutTime){ $interval.cancel(intervalPromise); } }, delay); }; $scope.startTimer(hello, 2000, 10000); hello(){ console.log("hello"); }

 function random(number) { return Math.floor(Math.random() * (number+1)); } setInterval(() => { const rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';//rgb value (0-255,0-255,0-255) document.body.style.backgroundColor = rndCol; }, 1000);
 <script src="test.js"></script> it changes background color in every 1 second (written as 1000 in JS)

订阅setInterval()并使用clearInterval()停止永远循环的一个很好的例子:

function myTimer() {

}

var timer = setInterval(myTimer, 5000);

调用此行以停止循环:

clearInterval(timer);
// 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()自然数 0 控制为 ......n(每 60 秒在控制台中打印下一个数字setInterval()

var count = 0;
function abc(){
    count ++;
    console.log(count);
}
setInterval(abc,60*1000);
(function(sec){
  setInterval(function(){
    // your function here
  }, sec * 1000);
})(60);

我喜欢调用一个包含循环函数的函数,该函数定期调用setTimeout自身。

 function timer(interval = 1000) { function loop(count = 1) { console.log(count); setTimeout(loop, interval, ++count); } loop(); } timer();

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

因此,您可以传递参数,如

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

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

希望它可以帮助某人。

有两种调用方式——

  1. setInterval(function (){ functionName();}, 60000);

  2. setInterval(functionName, 60000);

上述函数将每 60 秒调用一次。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM