今天来说一下js的倒计时 html代码如下 : <div id="dv"> 放假倒计时 : <span id="span"></span> </div>
css样式如下 :
<style> #dv { width: 200px; height: 100px; margin: 0 auto; line-height: 100px; text-align: center; background-color: lightpink; } </style>
js代码如下 :
daoJiShi(); //添加定时器 setInterval(daoJiShi, 1000); function daoJiShi() { var now = new Date(); //获取开始的时间 var end = new Date("2019-4-5 00:00:00"); //获取结束的时间 var startTime = now.getTime();//返回对应的毫秒数 var endTime = end.getTime();//返回对应的毫秒数 var cha = endTime - startTime; cha /= 1000;//时间差变成秒 var hours = parseInt(cha / 60 / 60);//小时 var minites = parseInt(cha / 60 % 60);//剩余的分钟 var seconds = parseInt(cha % 60);//秒 f("span").innerHTML = geshi(hours) + ":" + geshi(minites) + ":" + geshi(seconds); function geshi(value) { return value = value < 10 ? "0" + value : value; } }