Javascript Countdown ne fonctionne pas

Question

Je possède ce code javascript

function updateClock() { 
     time = time + 1; 
     var mins = 1; 
     var secs = 50 
     var mins = parseInt(mins/ 60); 
     var secs = time - mins * 60; 

     mins = mins.toString(); 
     secs = secs.toString(); 

     if (mins.length < 2) 
      mins = "0" + mins; 
     if (secs.length < 2) 
      secs = "0" + secs; 


     var timeDisp = document.getElementById("timerDisp"); 
     timeDisp.innerText = mins + ":" + secs; 
    } 

Elle compte combien de temps a passé, mais si je veux faire un compte à rebours? (ou faire l'inverse) au lieu de garder une trace de l'heure, je veux donner si un temps défini alors que le temps passe le temps diminue, disons 1 minute et 15 secondes, comment pourrais-je exécuter cela sur le code donné?

Answer 1

Vous pouvez exécuter votre updateClock() toutes les secondes avec setTimeout() pour créer un compte à rebours.

var time; 
function UpdateClock() { 
    time = time - 1; 

    if (time > 0) { 
     setTimeout(UpdateClock, 1000); // 1000 miliseconds 
    } 

    var mins = parseInt(time/60, 10); 
    var secs = time - mins * 60; 

    mins = mins.toString(); 
    secs = secs.toString(); 

    if (mins.length < 2) 
     mins = "0" + mins; 
    if (secs.length < 2) 
     secs = "0" + secs; 

    timeDisp.innerText = mins + ":" + secs + " left"; 
} 

function StartCountdown(countdowntime) { 
    time = countdowntime; 
    updateClock(); 
} 

Answer 2

Vous pouvez utiliser setInterval() pour votre compte à rebours. Voir http://www.w3schools.com/jsref/met_win_setinterval.asp.