Javascript: Funktion nach 10 Sekunden Anruf, dann jeweils 1 Minute

Question

ich das folgende Szenario habe:

ich eine Javascript-Ajax-Funktion loadCars() habe, die nach dem Laden der Seite in 10 Sekunden, und dann alle 60 Sekunden aufgerufen werden muss, .

Die unten ist, was ich bisher versucht habe:

ist

setTimeout(function(){setInterval(function(){loadCars()}, 60000)}, 10000); 

Was geschieht, dass die Funktion nach 10 Sekunden aufgerufen wird, aber nie wieder, was bin ich dabei?

Answer 1

Sie müssen loadCars auf setTimeout und setInterval aufrufen.

setTimeout(function() { 
 
    console.log('first 10 secs'); 
 
    // loadCars(); 
 
    
 
    setInterval(function() { 
 
      console.log('60 secs has passed'); 
 
      // loadCars(); 
 
    }, 60000); 
 

 
}, 10000); 
 

 
console.log('page loaded');

Answer 2

Sie setTimeout(loadCars, 60000) in Ihrem loadCars() Methode aufrufen kann, die, wie Sie es mit setTimeout 10 Sekunden einmal zunächst rufen dann von diesem Punkt ist es ein Timeout für 1 Minute heraus führt sie jedes Mal setzt .. .

function loadCars() 
{ 
    //code 
    setTimeout(loadCars, 60000); 
} 

setTimeout(loadCars, 10000); 

Wenn Sie erst nach ajax Anruf dann eine synchronus machen entweder abgeschlossen ist geplant wollen das nächste Timeout zu ajax Anruf oder setzen Sie die setTimeout() in Ihrem success Rückruf Ihrer ajax Anruf ... Letzteres ist die bessere Option.

Answer 3

Ich stimme nicht mit den gegebenen Antworten überein, weil sie setInterval verwenden oder warten Sie nicht, bis der Ajax-Aufruf beendet ist. IMO sollte nur dann ein neues Timeout gesetzt werden, wenn die Funktion loadcars (und der Ajax-Aufruf) beendet ist.

Beispiel:

function loadCars() { 
    // ajax call happens here 
    $.ajax() 
    .then(function(){ 
     // call the function here 
     setTimeout(function(){ 
     loadCars(); 
     // wait a minute after you recieved the data 
     }, 60000) 
    }) 
} 

// wait 10 seconds 
setTimeout(function(){ 
    loadCars(); 
}, 10000) 

Der Vorteil, wenn dies ist, dass es nur einen neuen Timeout einstellen, wenn die HTTP-Anforderung abgeschlossen starten und die Funktion verhindert, dass nicht mehr synchron zu bekommen. Wenn Sie setinterval in Verbindung mit einem Ajax-Aufruf verwenden, wird der nächste Ajax-Aufruf in 60 Sekunden ausgeführt, selbst wenn der aktuelle Ajax-Aufruf um 10 Sekunden verzögert wird (und Sie wollen das nicht).

Answer 4

Um mehr Kontrolle über die Zeitpunkte zu bekommen und Funktion ruft man sie alle auf diese Weise geben könnte:

function loadCars() { 
 
    $('#log').append('Cars loaded<br />'); 
 
}; 
 
function loadManufacturers() { 
 
    $('#log').append('Manufacturers loaded<br />'); 
 
}; 
 
function loadCustomers() { 
 
    $('#log').append('Customers loaded<br />'); 
 
}; 
 
function loadContent(delays, functions) { 
 
    if (functions.length) { 
 
     setTimeout(function() { 
 
      functions.pop()(); 
 
      loadContent(delays, functions); 
 
     }, delays.pop()); 
 
    }; 
 
}; 
 
loadContent([3000, 2000, 1000], [loadCars, loadManufacturers, loadCustomers]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<p id="log"></p>

Playground