<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Document</title><style>div{width: 60px;height: 60px;background-color: red;float: left;margin: 0 30px;text-align: center;line-height: 60px;}</style></head><body><divclass="hour"></div><divclass="minu"></div><divclass="second"></div><script>
window.addEventListener('load',function(){var hs = document.querySelector('.hour');var ms = document.querySelector('.minu');var ss = document.querySelector('.second');var inputTime =+newDate('2021-6-9 18:00:00');countDowm();//先调用一次函数,防止第一刷新页面有空白functioncountDowm(){var nowTime =+newDate();var times =(inputTime - nowTime)/1000;var h =parseInt(times /60/60%24);
h = h >10? h :'0'+ h;var m =parseInt(times /60%60);
m = m >10? m :'0'+ m;var s =parseInt(times %60)
s = s >10? s :'0'+ s;
hs.innerHTML = h;
ms.innerHTML = m;
ss.innerHTML = s;}setInterval(countDowm,1000)})</script></body></html>