JavaScript / JQuery Compte à rebours

Question

Ce que je voudrais accomplir est un compte à rebours qui met à jour en direct ... comme ceci:

6 Jours (seulement les jours)

12 heures (quelques heures en 1 jour)

59 Minutes (à quelques minutes en 1 heure)

59 secondes (quelques secondes à 1 minute)

La meilleure façon d'y arriver?

Answer 1

Vous pouvez trouver un exemple de travail à http://jsfiddle.net/gaby/QH6X8/79/

var end = new Date('15 Dec 2010');

var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour *24

var timer;

function showRemaining()
{
    var now = new Date();
    var distance = end - now;
    if (distance < 0 ) {
       // handle expiry here..
       clearInterval( timer ); // stop the timer from continuing ..
       alert('Expired'); // alert a message that the timer has expired..
    }
    var days = Math.floor(distance / _day);
    var hours = Math.floor( (distance % _day ) / _hour );
    var minutes = Math.floor( (distance % _hour) / _minute );
    var seconds = Math.floor( (distance % _minute) / _second );

    var countdownElement = document.getElementById('countdown');
    countdownElement.innerHTML = 'Days: ' + days + '<br />';
    countdownElement.innerHTML += 'Hours: ' + hours+ '<br />';
    countdownElement.innerHTML += 'Minutes: ' + minutes+ '<br />';
    countdownElement.innerHTML += 'Seconds: ' + seconds+ '<br />';
}

timer = setInterval(showRemaining, 1000);

Answer 2

jQuery plug-in Compte à rebours

Answer 3

ici vous pouvez générer un compte à rebours si vous aimez - appuyez simplement sur générer et copier coller les résultats dans le fichier .html

http://www.ricocheting.com/code/javascript/ html-générateur / retardateur compte à rebours

Answer 4

mention Notable: http://www.littlewebthings.com/projects/countdown/ (Probable hors de propos puisque vous avez mentionné que vous ne voulez pas utiliser un plug-in)

Answer 5

Le problème avec l'approche acceptée ci-dessus est qu'il y aura des problèmes ici liés aux différences de fuseau horaire et l'heure d'été. Voir cette question posée par moi Javascript Countdown et Fuseau horaire et l'heure d'été questions

Answer 6

jCounter offre un contrôle sur ce format que vous voulez que votre compte à rebours à l'affichage entre autres paramètres et méthodes de contrôle.