2021-05-09 js倒计时

js倒计时

< !DOCTYPE html>
< html>
< head>
< title>倒计时< /title>
< meta charset=“utf-8”>
< /head>
< body>
< h2>< /h2>
< /body>
< script type=“text/javascript”>
//获取元素
var show = document.getElementsByTagName(‘h2’)[0];
//获取时间函数
function getTimeFun(){
//获取当前的时间戳—距离1970年的毫秒数
var nowTime = new Date().getTime();
//获取2022年距离多少毫秒
var prevTime = new Date(2022,0,1).getTime();
//获取当前距离2022年距离多少秒
var totalS = Math.floor((prevTime - nowTime) / 1000);
//剩余的秒
var s = totalS % 60;
//获取当前距离2022年的分钟
var totalM = Math.floor(totalS / 60);
//剩余的分
var m = totalM % 60;
//获取当前距离2022年的小时
var totalH = Math.floor(totalM / 60);
//剩余的小时
var h = totalH % 60;
//获取当前距离2022年的天数
var totalD = Math.floor(totalH / 24);
show.innerHTML = ‘距离新年还有’+totalD+‘天’+h+‘小时’+m+‘分钟’+s+‘秒’;
}
getTimeFun();
setInterval(function(){
getTimeFun();
},1000);

< /script>
< /html>