Wywoływanie funkcji co 60 sekund

245

Za pomocą setTimeout() można uruchomić funkcję w określonym czasie:

setTimeout(function, 60000);

Ale co jeśli chciałbym uruchomić tę funkcję wiele razy? Za każdym razem, gdy mija przedział czasu, chciałbym wykonać tę funkcję (powiedzmy co 60 sekund).

Richard Knop
źródło

Odpowiedzi:

374

Jeśli nie obchodzi Cię, czy kod w ciągu timermoże potrwać dłużej niż interwał, użyj setInterval():

setInterval(function, delay)

To uruchamia funkcję przekazywaną jako pierwszy parametr w kółko.

Lepszym rozwiązaniem jest użycie setTimeoutwraz z self-executing anonymousfunkcją:

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

gwarantuje to, że następne wywołanie nie zostanie wykonane przed wykonaniem kodu. Użyłem arguments.calleew tym przykładzie jako odwołania do funkcji. Jest to lepszy sposób na nadanie funkcji nazwy i wywołanie jej w środku, setTimeoutponieważ arguments.calleejest to przestarzałe w ecmascript 5.

jAndy
źródło
6
Nie można wykonać następnego wywołania przed zakończeniem wykonywania kodu. Czasomierz odlicza się asynchronicznie, ale wywołanie zwrotne musi być ustawione w kolejce. Oznacza to, że Twoje oddzwonienie może (i prawdopodobnie) zadziała po ponad 60 sekundach.
Andy E
14
Różnica polega na tym, że setInterval będzie generalnie uruchomić funkcję X milisekund po starcie poprzedniej iteracji, natomiast podejście tutaj będzie działać następnej iteracji x milisekund po poprzedni zakończył
Gareth
41
Podobnie jak uwaga dla innych, którzy mogą to znaleźć - clearInterval()jest funkcją partnera setInterval()i przydaje się, jeśli chcesz przerwać okresowe wywoływanie funkcji.
Clay
7
Uwaga: setInterval wykonuje tę funkcję po raz pierwszy po opóźnieniu ms. Więc jeśli chcesz natychmiast wykonać funkcję, a następnie powtarzać każde opóźnienie, powinieneś: func (); setInterval (func, delay);
Marco Marsala,
5
Po prostu nie rozumiem tych argumentów. Mam funkcję getRates (), ale (function () {getRates (); setTimeout (getRates (), 10000);}) (); nie działa: /
darth0s,
66

Użyj

setInterval(function, 60000);

EDYCJA: (W przypadku, gdy chcesz zatrzymać zegar po jego uruchomieniu)

Sekcja skryptu

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

i kod HTML

<!-- Stop Button -->
<a href="#" onclick="window.clearInterval(int);return false;">Stop</a>
Niebieski ptak
źródło
1
W takim razie, w jaki sposób miałbyś zatrzymać powtarzanie po tym, jak zaczęło się powtarzać?
Anderson Green
26

Lepsze wykorzystanie JANDY „s odpowiedzi do realizacji funkcji odpytywania, który sonduje co intervalsekund i kończy się po timeoutkilka sekund.

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);

AKTUALIZACJA

Zgodnie z komentarzem, aktualizowanie go pod kątem zdolności przekazanej funkcji do zatrzymania odpytywania:

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.
    }
}
Om Shankar
źródło
Jak powstrzymasz sondowanie od wewnątrz sendHeartBeat?
temuri
1
To dobry przykład! Kiedy używasz timerów, trudniej jest pisać testy jednostkowe, ale przy takim podejściu - to proste
Dmytro Medvid
Dobra odpowiedź. Czy możesz zaktualizować jedno z zastosowań nowej daty, aby były spójne, jedno używa (nowej daty) .getTime (), a drugie (nowej daty ()). GetTime (). Oba wydają się działać dobrze
Mark Adamson
intervali timeoutsą w milisekundach, prawda?
Patrizio Bekerle
18

W jQuery możesz to zrobić w ten sposób.

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>

Optymalna kreatywność
źródło
Liczba odnawia się mniej więcej co 12 sekund - czy nie powinna to być jedna minuta?
Maks.
1
zobacz komentarz // Change Interval here to test. For eg: 5000 for 5 secObecnie zmienia się co 6 sekund. użyj wartości 60000 na minutę
Optimum Creative
8
setInterval(fn,time)

to metoda, której szukasz.

Jamiec
źródło
7

Możesz po prostu wywołać setTimeout na końcu funkcji. Spowoduje to dodanie go ponownie do kolejki zdarzeń. Możesz użyć dowolnego rodzaju logiki do zmiany wartości opóźnienia. Na przykład,

function multiStep() {
  // do some work here
  blah_blah_whatever();
  var newtime = 60000;
  if (!requestStop) {
    setTimeout(multiStep, newtime);
  }
}
John Henckel
źródło
3

Wywoływaj funkcję Javascript co 2 sekundy w sposób ciągły przez 10 sekund.

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");
}

Ankit Tiwari
źródło
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
  )
}
srghma
źródło
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)

użytkownik12449933
źródło
0

tutaj konsolujemy liczbę naturalną od 0 do ...... n (następny numer drukowany w konsoli co 60 sekund), używając setInterval ()

var count = 0;
function abc(){
    count ++;
    console.log(count);
}
setInterval(abc,60*1000);
Vijay Sadhu
źródło
1
Świetne byłoby wyjaśnienie, w jaki sposób rozwiązuje ten problem.
vahdet
-1

Istnieją 2 sposoby połączenia-

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

  2. setInterval(functionName, 60000);

powyższa funkcja będzie włączana co 60 sekund.

Gaurav Tripathi
źródło