就像标题所说,我需要得到两个日期之间的差异,并显示倒计时到完成日期的小时,分钟,秒.我有这个:
function timer(){
'use strict'
var date1 = new Date().getTime();
var date2 = new Date("05/29/2017").getTime();
var diff = date2 - date1;
var seconds = diff / 1000;
var minutes = (diff / 1000) / 60;
var hours = minutes / 60;
var message = 'Hours: ' + Math.floor(hours) + " Minutes: " + Math.floor(minutes) + " Seconds: " + Math.floor(seconds);
var output = document.getElementById('output');
if (output.textContent !== undefined) {
output.textContent = message;
} else {
output.innerText = message;
}
}
setInterval("timer()", 1000);
window.onload = timer;<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>hi</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/form.css">
</head>
<body>
<!-- auction.html -->
<form action="#" method="post" id="theForm">
<fieldset><legend>Auction ends on May 29, 2017</legend>
<p>Refresh page for updated times.</p>
<div id="output"></div>
<input type="submit" value="Refresh" id="submit">
</fieldset>
</form>
<script src="js/auction.js"></script>
</body>
</html>我的作业说明指出我需要:"选择将来的结束日期(作业到期后几周)并使用UTC.显示拍卖结束前的小时,分钟和秒." 我有点迷失在如何实现UTC并创建一个正确的倒计时？我甚至不确定我是否做得对(我刚刚开始学习js).我该如何修复我的代码？
Rob*_*obG 12
在您的代码中,您有:
var date1 = new Date().getTime();
在这种情况下,不需要使用getTime.但使用有意义的变量名称会很有帮助:
var now = new Date();
然后是:
var date2 = new Date("05/29/2017").getTime();
不要使用Date构造函数(或Date.parse)来解析字符串,因为它主要依赖于实现并且不一致.如果您有特定日期,请将值直接传递给构造函数.
关于" 使用UTC ",由于ECMAScript Date对象是UTC,这有点令人困惑.它们使用主机时区偏移量来计算内部UTC时间值,并显示"本地"日期和时间值.我可以解释"使用UTC"的唯一方法是使用Date.UTC来创建日期实例,例如:
var endDate = new Date(Date.UTC(2017,4,29)); // 2017-05-29T00:00:00Z
现在你可以得到现在使用的区别:
var diff = endDate - now;
当你想要获得小时,分钟和秒时:
var seconds = diff / 1000;
var minutes = (diff / 1000) / 60;
var hours = minutes / 60;
这将整个差异转换为小时,分钟和秒,因此总时间约为应有的3倍.你需要的只是组件,所以:
var hours = Math.floor(diff / 3.6e5);
var minutes = Math.floor(diff % 3.6e5) / 6e4);
var seconds = Math.floor(diff % 6e4) / 1000;
将它们放在一个函数中:
function timeLeft() {
var now = new Date();
var endDate = new Date(Date.UTC(2017,4,29)); // 2017-05-29T00:00:00Z
var diff = endDate - now;
var hours = Math.floor(diff / 3.6e6);
var minutes = Math.floor((diff % 3.6e6) / 6e4);
var seconds = Math.floor((diff % 6e4) / 1000);
console.log('Time remaining to ' + endDate.toISOString() +
' or\n' + endDate.toString() + ' local is\n' +
hours + ' hours, ' + minutes + ' minutes and ' +
seconds + ' seconds');
}
timeLeft()这里有许多关于计时器和日期差异的问题和答案,做一些搜索.
| 归档时间： |
|
| 查看次数： |
6827 次 |
| 最近记录： |