Il timer per il conto alla rovescia JavaScript più semplice ansible?

Volevo solo chiedere come creare il conto alla rovescia più semplice ansible.

Ci sarà una frase sul sito che dice:

“La registrazione si chiude tra 05:00 minuti!”

Quindi, quello che voglio fare è creare un semplice timer per il conto alla rovescia di js che va da “05:00” a “00:00” e poi si ripristina su “05:00” una volta che finisce.

Prima ho avuto alcune risposte, ma sembrano tutte troppo intense (oggetti Data, ecc.) Per quello che voglio fare.

Ho due demo, una con jQuery e una senza. Né utilizzare le funzioni di data e sono così semplici come si ottiene.

Demo con JavaScript vaniglia

 function startTimer(duration, display) { var timer = duration, minutes, seconds; setInterval(function () { minutes = parseInt(timer / 60, 10) seconds = parseInt(timer % 60, 10); minutes = minutes < 10 ? "0" + minutes : minutes; seconds = seconds < 10 ? "0" + seconds : seconds; display.textContent = minutes + ":" + seconds; if (--timer < 0) { timer = duration; } }, 1000); } window.onload = function () { var fiveMinutes = 60 * 5, display = document.querySelector('#time'); startTimer(fiveMinutes, display); }; 
  
Registration closes in 05:00 minutes!

Se vuoi un vero timer devi usare l’object data.

Calcola la differenza.

Formatta la stringa

 window.onload=function(){ var start=Date.now(),r=document.getElementById('r'); (function f(){ var diff=Date.now()-start,ns=(((3e5-diff)/1e3)>>0),m=(ns/60)>>0,s=ns-m*60; r.textContent="Registration closes in "+m+':'+((''+s).length>1?'':'0')+s; if(diff>3e5){ start=Date.now() } setTimeout(f,1e3); })(); } 

Esempio

Jsfiddle

timer non così preciso

 var time=5*60,r=document.getElementById('r'),tmp=time; setInterval(function(){ var c=tmp--,m=(c/60)>>0,s=(cm*60)+''; r.textContent='Registration closes in '+m+':'+(s.length>1?'':'0')+s tmp!=0||(tmp=time); },1000); 

JsFiddle

È ansible creare facilmente una funzionalità timer utilizzando setInterval.Below è il codice che è ansible utilizzare per creare il timer.

http://jsfiddle.net/ayyadurai/GXzhZ/1/

 window.onload = function() { var hour = 2; var sec = 60; setInterval(function() { document.getElementById("timer").innerHTML = hour + " : " + sec; sec--; if (sec == 00) { hour--; sec = 60; if (hour == 0) { hour = 2; } } }, 1000); } 
 Registration closes in 05:00 minutes!