JQuery Gebäude mehrere Timer und .each (function() {

Question

ich mehrere Timer für meine Web-Seite zu bauen bin versucht, so weit ich habe,

$('.timer').each(function() { 
var timer = setInterval(function() { 
    var time = $(this).text().split(':'); 
    var minutes = parseInt(time[0], 10); 
    var seconds = parseInt(time[1], 10); 
    // TIMER RUN OUT 
    if (!minutes && !seconds) { 
     // CLEAR TIMER 
     clearInterval(timer); 
    // MINUS SECONDS 
    } else { 
     seconds -= 1; 
    } 
    // MINUS MINUTES 
    if (seconds < 0 && minutes != 0) { 
     minutes -= 1; 
     seconds = 59; 
    // ADD ZERO IF SECONDS LESS THAN 10 
    } else { 
     if (seconds < 10) { 
      seconds = '0' + seconds; 
     } 
    } 
    // ADD ZERO IF MINUTES LESS THAN 10 
    if (minutes < 10) { 
     minutes = '0' + minutes; 
    } 
}, 1000); 
}); 

Dies gilt nicht, obwohl die Arbeit! Wo ich hing ! falsch

Dank

Answer 1

Zuerst in Ihrem setInterval Rückruf, this bezieht sich nicht mehr auf das .timer Element. Versuchen Sie, das zu self zu ändern, und fügen Sie var self = this; vor dem Aufruf zu setInterval hinzu. Zweitens schreiben Sie nie Ihre Zeit zurück zu Ihrem .timer Element.

Answer 2

Versuchen Sie, zu aktualisieren Sie den Text nicht nach allen Berechnungen In diesem Fall Abzählen eine Uhr angezeigt Versuchen Sie:.

$(this).text(minutes+':'+seconds);