js实现定时器,时间倒计时为0后停止的代码

时间:2021-04-16

  js实现定时器,时间倒计时为0后停止的代码如下:

<script type="text/javascript">
var orign_time = 1496706400;
var leftTime = Date.parse(new Date())/1000;//转化成秒
var maxTime = orign_time-leftTime;
function CountDownTime() {
if (maxTime >=0) {
var days = parseInt(maxTime/60/60/ 24, 10); //计算剩余的天数

var hours = parseInt(maxTime/60/60%24, 10); //计算剩余的小时

var minutes = parseInt(maxTime/60%60, 10); //计算剩余的分钟

var seconds = parseInt(maxTime%60, 10); //计算剩余的秒数
msg = "当前距离下班时间还有"+days+"天"+hours+"时"+minutes+"分"+seconds+"秒"
document.getElementById("timer").innerHTML = msg;
--maxTime
} else {
clearInterval(timer);
alert("时间到,结束!");
}
}
timer = setInterval("CountDownTime()",1000);
</script>
<div id="timer" style="color:red" mce_style="color:red"></div>

  先定义目标时间,然后在获取当前时间戳,得到差值,然后转换为相对应的天,小时,分钟,秒数。

  然后添加定时器,每个一秒钟就执行一次计数方法,相差秒数-1。

  当差值小于0的时候去除定时器。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章