javascript - 倒数计时器——想实现完成通知

Question

我正在尝试为预定事件制作倒数计时器。一切正常，但无法获得完成时间通知。我的意思是当计时器完成时，它应该有一些自定义 HTML 而不是计时器，例如 'Event is started' 等。

谁能帮忙吗

提前致谢。

这是我正在尝试的代码和 fiddle URL:

http://jsfiddle.net/r3EtY/1/

var target_date = new Date("Jan 30, 2014").getTime();

var days, hours, minutes;
var countdown = document.getElementById("countdown");
setInterval(function () {
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    days = parseInt(seconds_left / 86400);
    seconds_left = seconds_left % 86400;
    hours = parseInt(seconds_left / 3600 + 14);
    seconds_left = seconds_left % 3600;
    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);

    countdown.innerHTML = days + "<span> Day(s)</span>, " + hours + "<span> Hour(s)</span>, "
    + minutes + "<span> Min(s)</span>";  

}, 1000);

Answer 1

一种方法是检查剩余时间。如果days、hours、minutes和second都是0。

var countdownLoop = setInterval(function () {

    // your calculation here

    if (seconds < 0) {
        clearInterval(countdownLoop);
        countdown.innerHTML = "Event started!";
    } else {
        countdown.innerHTML = days + "<span> Day(s)</span>, " + hours + "<span> Hour(s)</span>, " + minutes + "<span> Min(s)</span>";  
    }

}, 1000);

clearInterval(countdownLoop); 停止循环，因为不再需要它。