我试图学习更多关于JavaScript的知识,并决定制作倒数计时器,这些计时器将从几年一直到毫秒显示。这对我来说只是一个学习实验。
会议记录不正确。如果我刷新浏览器,则秒和分钟始终从59开始。我认为这可能是因为我正在调用Date对象并可能重置它。我要找的是倒计时到某个日期。
因为这对我来说是一个学习实验,如果你看到其他可以改进的地方,请告诉我。
var dateA = new Date();
var dateB = new Date('June 3, 2014 00:27:00');
var cntr = setInterval(clock, 10);
function clock()
{
dateB = (dateB - 10);
var date = new Date(dateB);
var yrs = Math.abs(date.getUTCFullYear() - dateA.getUTCFullYear() );
var mos = Math.abs(date.getUTCMonth() - dateA.getUTCMonth());
var days = Math.abs(date.getUTCDate() - dateA.getUTCDate());
var hrs = Math.abs(date.getUTCHours() - dateA.getUTCHours());
var mins = Math.abs(date.getUTCMinutes() - dateA.getUTCMinutes());
var secs = Math.ceil(date.getUTCSeconds() - dateA.getUTCSeconds() / 60);
var mill = Math.ceil(date.getUTCMilliseconds() - dateA.getUTCMilliseconds() / 999);
var str =
yrs + ' Years ' +
mos + ' Months ' +
days + ' Days ' +
hrs + ' Hours ' +
mins + ' Mins ' +
secs + ' Secs ' +
mill + ' Mill';
document.getElementById('clock').innerHTML = str;
}
答案 0 :(得分:1)
var yrs = Math.abs(date.getUTCFullYear() - dateA.getUTCFullYear() ); var mos = Math.abs(date.getUTCMonth() - dateA.getUTCMonth()); var days = Math.abs(date.getUTCDate() - dateA.getUTCDate()); var hrs = Math.abs(date.getUTCHours() - dateA.getUTCHours()); var mins = Math.abs(date.getUTCMinutes() - dateA.getUTCMinutes());
你不能只取每个部分日期差异的绝对值!你的数字完全错了。
var secs = Math.ceil(date.getUTCSeconds() - dateA.getUTCSeconds() / 60); var mill = Math.ceil(date.getUTCMilliseconds() - dateA.getUTCMilliseconds() / 999);
为什么要将这些除以60和接近1000?
相反,要计算时差,您需要获得完全差异(通常以毫秒为单位)并将其转换为不同的单位。你的功能应如下所示:
var el = document.getElementById('clock');
function clock() {
var diff = dateB - Date.now();
var yrs = Math.floor(diff / 31536000000);
var mos = Math.floor(diff / 2678400000) % 12;
var days = Math.floor(diff / 86400000) % 31;
var hrs = Math.floor(diff / 3600000) % 24;
var mins = Math.floor(diff / 60000) % 60;
var secs = Math.floor(diff / 1000) % 60;
var mill = diff % 1000;
var str =
yrs + ' Years ' +
mos + ' Months ' +
days + ' Days ' +
hrs + ' Hours ' +
mins + ' Mins ' +
secs + ' Secs ' +
mill + ' Mill';
el.innerText = str;
}
答案 1 :(得分:0)
如果您使用javascript比较日期或计算天数,则可能会遇到一些问题。您应该使用库来获得更好的结果。
我建议您使用http://momentjs.com/作为日期或时间功能。它易于使用且更加灵活。
这应该回答您的问题:Countdown timer using Moment js
答案 2 :(得分:0)
try this..
function checkFromDate(sender, args) {
if (sender._selectedDate > new Date()) {
alert("You cannot select a day future than today.");
sender._selectedDate = new Date();
sender._textbox.set_Value(sender._selectedDate.format(sender._format))
}
}