JS倒计时效果

本文介绍了一种使用JavaScript实现的倒计时功能,通过获取当前时间和结束时间的差值来实时更新显示剩余天数和小时数。当倒计时结束后会自动停止计时。
[html] <div id="time"></div> <script> var pad = function(num){ return num<10 ? "0"+num : num;}; var fresh = function(){ var nowtime = new Date(); var endtime = 1380556800; //2013-11-17 23:59:59 var _left = parseInt(endtime - nowtime.getTime()/1000); var __d = Math.floor(_left/3600/24); var __h = parseInt((_left/3600)%24); var str = "<span id=day>"+ pad(__d) +"</span><span id=hour>"+ pad(__h) +"</span>"; if(_left<=0){ str = "<span id=day>0</span><span id=hour>0</span>"; clearInterval(_DY); } document.getElementById("time").innerHTML = str; }; fresh(); var _DY = setInterval('fresh()', 1000); </script> [/html]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值