jQuery: Führen Sie AJAX alle X Sekunden für nur 60 Sekunden?

Question

Ich versuche AJAX zu benutzen, sagen wir alle 5 Sekunden und dann den gesamten Ajax-Ruf nach 60 Sekunden, damit es keinen Ajax-Anruf alle 5 Sekunden gibt, nachdem wir die 60 Sekunden erreicht haben.

Ich bin mir nicht sicher, ob das überhaupt möglich ist!

Ich kann einfach meine Ajax alle 5 Sekunden wie so läuft:

setInterval(function(){ 

$.ajax({url: 'PHP-PAGE.php', success: function(result){ 

    }}); 

    }, 5000); 

Gibt es eine Möglichkeit die 60 Sekunden Countdown innerhalb der Ajax und stoppen den ganzen Ajax-Aufruf zu starten, nachdem wir die 60 Sekunden erreicht?

Jede Hilfe wäre willkommen.

Answer 1

Überprüfen Sie den Code unten :)

for(var i = 1; i < 61; i++) { 
    setTimeout(function(){ 
    console.log('#afucntionthatrunseverysecondinoneminute') 
    },1000*i); 
} 

Answer 2

Erfassen der Prozess-ID aus dem eingestellten Intervall

var intervalID = setInterval(..., 5000) 

dann sofort ein Timeout, dass das Intervall in 60 Sekunden

setTimeout(function(){clearInterval(intervalID)},60000) 

annullieren

Answer 3

var start = new Date().getTime(); 
var interval = setInterval(function() { 
    if(new Date().getTime() - start > 60000) { // 60 seconds 
     clearInterval(interval) 
     interval =null; 
     return; 
    } 
    $.ajax({url: 'PHP-PAGE.php', success: function(result){ 
     ... 
    }}); 
}, 5000); 

Answer 4

Sie sollten t hinzufügen ime Zähler

var timeCounter= 0; 

und dann prüfen, ob es über 60s in Ihrem setInterval Anruf

var interval = setInterval(function() { 
    timeCounter += 5; 
    if (timeCounter > 60) { 
     clearInterval(interval); 

    } else { 
     $.ajax({url: 'PHP-PAGE.php', success: function(result){ 

     }}); 
    } 
}, 5000); 

Answer 5

Versuchen Sie dieses heraus

var interval = setInterval(function() { 
//Call your ajax function which has another setInterval running after 5sec duration. 
       ajax_fun(); 
       clearInterval(interval); 
     }, 60000); 

Answer 6

Im Allgemeinen ist es eine schlechte Praxis ist asynchron auszuführen ruft innerhalb einer setInterval Funktion auf. Stattdessen könnten Sie die gleiche Funktion ausführen davon Rückruf ist, nach einem Timeout :

Beispiel

prüfen diese Fiddle für ein funktionierendes Beispiel.

---

EDIT (zugegebene Reaktionszeitberechnung)

// Start a counter 
var i = 0; 
var start = setInterval(function() { i++; }, 1000); 

var ajaxCall = function() { 

    // Set the start time 
    var startAjaxRequest = new Date().getTime(); 

    // Execute ajax call 
    $.ajax({url: 'PHP-PAGE.php', success: function(result){ 

     // Get the ajax response time in ms 
     var ajaxResponseTime = new Date().getTime() - startAjaxRequest; 

     if (i < 60 && ajaxResponseTime < 5000) { 

     // Execute the same ajax call after 5 seconds minus ajax response time 
     setTimeout(ajaxCall, 5000 - ajaxResponseTime); 

     } else { 

     clearInterval(start); 

     } 
    }}); 
} 

Answer 7

ich einen einfachste Weg gefunden. Mai für Sie hilfreich:

\t $(function() { 
 
\t var tick = 1; 
 
\t setInterval(function() { 
 
\t \t if (tick <= 12) { // set how much times that you want to repeat 
 
\t \t $.ajax({ 
 
\t \t \t url: 'http://date.jsontest.com', 
 
\t \t \t success: function(result) { 
 
\t \t \t $('pre').append('hi ' + tick + '</br>'); 
 
\t \t \t tick = tick + 1; 
 
\t \t \t } 
 
\t \t }); 
 
\t \t } 
 
\t }, 5000); // interval time 
 
\t });

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