知识点
- 直接在 new Date(’····’)中加入时间可以自定义时间
- Date()内置对象函数的灵活运用
- parseInt()函数可解析一个字符串,并返回一个整数
- number < 10 ? ‘0’ + number : number ;
- 时间转换
运行效果
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#time{font-size: 40px;color:red;text-align: center;padding: 100px;}
</style>
</head>
<body>
<div id="time"></div>
<script>
window.onload = function (ev) {
var nowDate, nowTimes, lastTimes, lastSeconds, lastD, lastH, lastM, lastS;
var time = document.getElementsByTagName('div')[0];
var preDate = new Date('2020/05/01 00:00:00');
var preTimes = preDate.getTime();
setInterval(function () {
nowDate = new Date();
nowTimes = nowDate.getTime();
lastTimes = preTimes - nowTimes;
lastSeconds = parseInt(lastTimes / 1000);
lastD = size(parseInt(lastSeconds / 3600 / 24));
lastH = size(parseInt(lastSeconds / 3600 % 24));
lastM = size(parseInt(lastSeconds / 60 % 60));
lastS = size(parseInt(lastSeconds % 60));
time.innerHTML = '距离五一放假还剩:' + lastD +'天' + lastH + '小时' + lastM + '分钟' + lastS + '秒!';
}, 1000);
function size(number){
return number < 10 ? '0' + number : number ;
}
}
</script>
</body>
</html>