Вызов функции каждые 60 секунд


245

С setTimeout()его помощью можно запустить функцию в указанное время:

setTimeout(function, 60000);

Но что, если я хотел бы запустить функцию несколько раз? Каждый раз, когда проходит интервал времени, я хотел бы выполнить функцию (скажем, каждые 60 секунд).

Ответы:


374

Если вас не волнует, что код внутри timerможет занять больше времени, чем ваш интервал, используйте setInterval():

setInterval(function, delay)

Это запускает функцию, переданную в качестве первого параметра снова и снова.

Лучший подход - использовать setTimeoutвместе с self-executing anonymousфункцией:

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

это гарантирует, что следующий вызов не будет выполнен до того, как ваш код был выполнен. Я использовал arguments.calleeв этом примере в качестве ссылки на функцию. Это лучший способ присвоить функции имя и вызвать ее setTimeoutиз- за того, что arguments.calleeона устарела в ecmascript 5.


6
Следующий вызов не может быть выполнен до завершения выполнения кода. Таймер отсчитывает асинхронно, но обратный вызов должен быть поставлен в очередь. Это означает, что ваш обратный вызов может (и, вероятно, сработает) через 60 секунд.
Энди Э

14
Разница заключается в том, что setInterval обычно работать функция х миллисекунд после начала предыдущей итерации, в то время как подход здесь будет работать на следующей итерации х миллисекунд после того, как предыдущий закончился
Gareth

41
Так же, как примечание для тех, кто может найти это - clearInterval()это функция партнера, которая setInterval()пригодится, если вы хотите прекратить свой периодический вызов функции.
Глина

7
Обратите внимание, что setInterval выполняет функцию впервые после задержки мс. Поэтому, если вы хотите немедленно выполнить функцию и затем повторять каждую задержку, вы должны сделать: func (); setInterval (func, delay);
Марко Марсала

5
Я просто не понимаю эту аргументную вещь. У меня есть функция getRates (), но (function () {getRates (); setTimeout (getRates (), 10000);}) (); не работает: /
darth0s

66

использовать

setInterval(function, 60000);

РЕДАКТИРОВАТЬ: (В случае, если вы хотите остановить часы после того, как они запущены)

Сценарий раздела

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

и HTML-код

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

1
В таком случае, как бы вы остановили его повторение после того, как оно начало повторяться?
Андерсон Грин

26

Более эффективное использование JANDY «s ответа реализовать функцию опроса , что опросы каждые 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.
    }
}

Как бы вы остановили опрос изнутри sendHeartBeat?
Темури

1
Это хороший пример! Когда вы используете таймеры, писать модульные тесты сложнее, но при таком подходе - это просто
Дмитрий Медведь

Хороший ответ. Пожалуйста, не могли бы вы обновить одно из применений новой даты, чтобы они соответствовали друг другу: одно использует (новая дата) .getTime (), а другое (новая дата ()). GetTime (). Оба, кажется, работают хорошо
Марк Адамсон

intervalи timeoutв миллисекундах, не так ли?
Патрицио Бекерле

18

В 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>


Число обновляется более или менее каждые 12 секунд - не должно ли это быть одна минута?
Макс

1
см. комментарий // Change Interval here to test. For eg: 5000 for 5 secВ настоящее время он меняется каждые 6 секунд. используйте значение 60000 для минуты
Оптимальное Творческое


7

Вы можете просто вызвать setTimeout в конце функции. Это добавит его снова в очередь событий. Вы можете использовать любую логику для изменения значений задержки. Например,

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


3

Вызывайте функцию Javascript каждые 2 секунды непрерывно в течение 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");
}


1
// 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
  )
}

1

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)


0

здесь мы поддерживаем натуральные числа от 0 до ...... n (следующая цифра печатается в консоли каждые 60 секунд), используя setInterval ()

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

1
Небольшое объяснение о том, как это решает проблему, было бы здорово.
Вахдет

-1

Есть 2 способа позвонить

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

  2. setInterval(functionName, 60000);

вышеуказанная функция будет вызываться каждые 60 секунд.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.