javascript - Anropa en funktion var 60:e sekund

Genom att använda setTimeout() är det möjligt att starta en funktion vid en angiven tid:

setTimeout(function, 60000);

Men vad händer om jag skulle vilja köra funktionen flera gånger? Varje gång ett tidsintervall passerar vill jag utföra funktionen (var 60:e sekund, säg).

Svar #1

Om du inte bryr dig om att koden inom timer kan ta längre tid än ditt intervall, använd setInterval():

setInterval(function, delay)

Det kör funktionen som skickas in som första parameter om och om igen.

Ett bättre tillvägagångssätt är att använda setTimeout tillsammans med en själv-exekverande anonym funktion:

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

det garanterar att nästa anrop inte görs innan din kod har körts. Jag använde arguments.callee i detta exempel som funktionsreferens. Det är ett bättre sätt att ge funktionen ett namn och kalla på den inom setTimeout eftersom arguments.callee är föråldrad i Ecmascript 5.

Svar #2

använd

setInterval(function, 60000);

REDIGERA: (Om du vill stoppa funktionen efter att den har startat)

Skriptavsnitt (som startar automatiskt)

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

och HTML-kod med knapp för att stoppa

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

Svar #3

En bättre användning av jAndys svar för att implementera en pollingfunktion som pollar varje interval sekunder och avslutas efter timeout sekunder.

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

UPPDATERING

Enligt kommentaren uppdateras det för möjligheten hos den passerade funktionen att stoppa polling:

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.
    }
}

Svar #4

I jQuery kan du göra så här.

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>

Relaterade artiklar