JavaScript倒计时直到日期

时间:2015-07-17 18:57:10

标签: javascript date timer countdown

所以我正在尝试构建一个非常简约的倒数计时器,直到特定日期(2015年7月31日,格林尼治标准时间18:00:00),包括总MS直到日期,以及D:H:M:S: MS直到约会。

到目前为止我得到的是这个代码: http://codepen.io/svbeon/pen/MwBJNJ 有了这个JS:

setInterval(times, 1);
function times() {
today = new Date();
July = new Date(Date.UTC(2015,06,31,18,0,0,0));
diffMs = ((July - today) - today.getTimezoneOffset() * 60000); // milliseconds between now & July 31 
diffDays = (July.getDate() - today.getDate()); // days
diffHrs = (24 + ((July.getHours() - today.getHours()) + (today.getTimezoneOffset() / 60))); // hours
diffMins = (60 + (July.getMinutes() - today.getMinutes())); // minutes
diffSecs = (60 + (July.getSeconds() - today.getSeconds())); // seconds
diffMis = (1000 + (July.getMilliseconds() - today.getMilliseconds())); //milliseconds


if (diffMs <= 0) {
    diffMs = 0;
    diffDays = 0;
    diffHrs = 0;
    diffMins = 0;
    diffSecs = 0;
    diffMis = 0;
    }

document.getElementById("timer").innerHTML = diffMs + " miliseconds";
document.getElementById("timer2").innerHTML = diffDays + " days " + diffHrs + " Hours " + diffMins + " Minutes " + diffSecs + " seconds " + diffMis + " milliseconds";
document.getElementById("date").innerHTML = "until " + July;
}

我在这里遇到的问题是,当14 days 24 hours 60 minutes 60 seconds 1000 milliseconds实际应该是14 days 0 hours 0 minutes 0 seconds 0 milliseconds以及18:00 UTC之后它仍然会显示14 days而不是{ {1}}直到午夜。

我不知道如何简单地解决这些问题 例如,添加少一个:

13 days

将导致计时器显示0而不是60,但是也会使计时器错误1秒(如果你有它的话,分钟或小时)

所以,如果你碰巧知道如何解决这个问题并帮助一个不那么熟练的开发人员,那我真的很开心!!

2 个答案:

答案 0 :(得分:1)

我建议使用Moment.js,因为它会使日期/时间操作变得更加简单,并且可能也会帮助您解决此问题。

例如,以毫秒为单位获取两个日期之间的差异:

var a = moment([2007, 0, 29]);
var b = moment([2007, 0, 28]);
a.diff(b) // 86400000

然后从差异的结果(以毫秒为单位)创建duration,并使用milliseconds()seconds()等功能以不同的单位显示duration

moment.duration(1500).milliseconds(); // 500
moment.duration(1500).seconds(); // 1

部分解决方案:https://jsfiddle.net/krlkv/xvstvfdb/3/

答案 1 :(得分:0)

只需使用mod:

day = day%24; secs = secs%60;

等等。