倒計(jì)時(shí)實(shí)現(xiàn)的思路
獲取現(xiàn)在的時(shí)間與過去的時(shí)間差；
求出他們的分鐘數(shù)
加入定時(shí)器
// 獲取他HTML中的h2元素
var h = document.getElementsByTagName('h2')[0];
function countDown(stoptimestr){
// 獲取當(dāng)前的時(shí)間
var nowTime = new Date();
// 獲取停止的時(shí)間
var stopTime = new Date(stoptimestr);
// 獲取他的時(shí)間差 停止的時(shí)間減去現(xiàn)在的時(shí)間
var mistiming = stopTime.getTime() - nowTime.getTime();
// 獲取他的天數(shù)
var days = Math.floor(mistiming / 1000 / 60 / 60 / 24);
// 獲取他的小時(shí)
var hours = Math.floor(mistiming / 1000 / 60 / 60 %24);
// 獲取他的分鐘數(shù)
var minuse = Math.floor(mistiming / 1000 / 60 %60);
// 獲取他的秒數(shù)
var seconds = Math.floor(mistiming / 1000 % 60);
// 如果他的數(shù)值小于10的話 數(shù)值的前方加個(gè)0
days < 10 ? days = '0' + days : days;
hours < 10 ? hours = '0' + hours : hours;
minuse < 10 ? minuse = '0' + minuse : minuse;
seconds < 10 ? seconds = '0' + seconds : seconds;
// 如果正確的話就返回他的倒計(jì)時(shí)時(shí)間 不是的話返回‘請輸入正確時(shí)間’
var rels = mistiming > 0 ? `${days}天${hours}時(shí)${minuse}分${seconds}秒` : '請輸入正確時(shí)間';
// 返回值 返回rels
return rels;
}
// 定時(shí)器
setInterval(function(){
// 寫入HTML的頁面中
h.innerHTML = countDown('2020-2-01 19:30:30')
},1000)
