倒计时一般显示规则:距离xxx还有x天,x小时,x分,x秒
所以我们不必在意年和月
效果图如下:
代码如下:
<p id="p"></p>
<script>
function task(){
var now=new Date();//获取当前计算机的时间
var target=new Date("2019/10/5 10:20:00");//获取距离目标的时间
var s=parseInt((target-now)/1000)//时间差转换成秒数
var d=parseInt(s/3600/24)//天
if(d<10) d="0"+d;
var h=parseInt((s%(3600*24)/3600))//对天数求余数剩下的是秒数是小时对应的秒数
if(h<10) h="0"+h
var m=parseInt(s%3600/60)//分
if(m<10) m="0"+m
var s=s%60//秒
if(s<10) s="0"+s
p.innerHTML=`距离2019/10/5 10:20:00还有${d}天,${h}小时,${m}分钟,${s}秒`
}
task();//先手动执行一次,为了把setInterval的先滞时间留补上
setInterval(task,1000)//调用周期性定时器
</script>