我试图学习更多有关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;
}
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;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句