Обратный отсчет от x до 0 в Javascript?

Вы знаете jQuery Framework? Это фреймворк Javascript, в котором есть множество утилит, методов и функций, которые упрощают работу с Javascript.

Вот плагин обратного отсчета (не тестировал).

Я предлагаю вам скачать JQuery, чем скачать плагин. Посмотрите образец кода из «относительной» вкладки на сайте. У вас может быть что-то вроде:

 $('#until2d4h').countdown({until: '+12M +54S'});

* Единственный недостаток того, что я предлагаю вам, это то, что вам потребуется добавить 2 .js. Старайтесь добавлять их только тогда, когда это необходимо, и вас обязательно найдут.

Этот вкус вам не понравится, но он вам пойдет на пользу:

Погуглите по запросу "таймер javascript" и прочтите различные примеры и учебные пособия, найденные в результате этого поиска.

Вы узнаете гораздо больше, чем просто написать таймер обратного отсчета. :-)

Удачи!

Общий алгоритм:

1. Считайте время с сервера.
2. Прочтите текущее время.
3. Вызов функции.
4. В вашей функции прочтите текущее время, получите дельту от начального времени, которое вы прочитали на шаге 2.
5. Вычтите дельту из начального времени, которое вы считали с сервера на шаге 1, и отобразите остаток.
6. Функция должна вызвать window.setTimeout, чтобы вызвать себя через 1000 мс (или настроить в соответствии со временем, прошедшим внутри функции), если вы хотите продолжить обратный отсчет.

Вот черновой вариант:

window.onload = function () {
    var countdown_start_in_ms = 6000; // from server

    function tick() {
        var now = new Date().getTime();
        var disp = start - now;

        if (disp < 0) {
            disp = 0;
        }

        var el = document.getElementById("countdown");

        el.innerHTML =
            // quick hack to format time
            /(\d\d:\d\d:\d\d) ...$/.exec(new Date(disp).toUTCString())[1];

        if (disp > 1000) {
            var elapsed = new Date().getTime() - now;
            window.setTimeout(tick, 1000 - elapsed);
        } else {
            // stop countdown and set color to light grey
            el.style.color = "#ccc";
        }
    }

    var start = new Date().getTime() + countdown_start_in_ms;
    tick();
}

Взгляните на Беритесь за руки и устанавливайте свое время. и проверьте его код. Хотя он написан с помощью Dojo, «часы» написаны на простом JavaScript. В вашем случае разница только в том, как продвигать счетчик - уменьшать, а не увеличивать.