思路解析:
想要实现倒计时功能,就要知道时间对象的一个方法getTime();这个方法返回的是getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。
示意图:在nowTime 和endTime 之间的就是剩余的总时间 ,只要把这个时间转化成“时分秒”这样的格式就行。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>countdown</title>
</head>
<body>
距离2018/07/13 12:00:00 还有:
<div id="timer"></div>
<script type="text/javascript">
//截至时间2018/07/13 12:00:00
//现在-1970 的时间 - 截至-1970的时间 得到的是毫秒数,再把毫秒数转化成数字。
function getTime(){
var endTime = new Date("2018/07/13 12:00:00");//截至时间
var nowTime = new Date();//现在时间
// console.log(nowTime);
// console.log(date);
endTime.getTime();//截至时间-1970 的毫秒数,是数字。
nowTime.getTime();//现在时间-1970 的毫秒数,数字。
// console.log(endTime.getTime());
// console.log(nowTime.getTime());
var timeInterval = endTime.getTime() - nowTime.getTime();//截止时间到现在时间的毫秒数
// console.log(timeInterval);
timeInterval = timeInterval / 1000;//把毫秒转化成秒。
// console.log(timeInterval);
var hours = parseInt(timeInterval/3600);//把秒转化成小时
// console.log(hours);
var minutes = parseInt(timeInterval/60)%60;//把秒转化成分钟
// console.log(minutes);
var seconds = parseInt(timeInterval % 60);//转化成秒
// console.log(seconds);
// document.write(hours + ":" + minutes + ":" + seconds);
var time = document.getElementById("timer");
// console.log(time);
time.innerHTML = hours + ":" + minutes + ":" + seconds;
setTimeout(getTime,1000);
}
getTime();
</script>
</body>
</html>