JavaScript部分
/* 1.获取元素 */var hour = document.querySelector('.hour');var minute = document.querySelector('.minute');var second = document.querySelector('.second');var inputTime =+newDate('2020/7/28 15:27:00');//返回的是用户输入时间的总毫秒数countDown();//先调用一次函数,防止刷新页面有空白/* 2.开启定时器 */setInterval(countDown,1000);functioncountDown(time){var nowTime =+newDate();//得到当前时间的总毫秒数var times =(nowTime - inputTime)/1000;//Times是剩余时间的总秒数var h =parseInt(times /60/60%24);var m =parseInt(times /60%60);var s =parseInt(times %60);
h = h <10?'0'+ h : h;
m = m <10?'0'+ m : m;
s = s <10?'0'+ s : s;
hour.innerHTML = h;//把剩余的时间给小时的盒子
minute.innerHTML = m;
second.innerHTML = s;}