用jQuery实现倒计时
思路:动态获取当前的时间和截止时间,将二者的时间差转换成相应的格式显示到页面上。
代码:
<script type="text/javascript">
var deadline=new Date(2017,6,18,0,0,0);
setInterval(function(){
var currentTime=new Date().getTime();
var timeInterval=deadline.getTime()-currentTime;
var remainTime=parseInt(timeInterval/1000);
var day=parseInt(remainTime/(3600*24));
var hour=parseInt((remainTime-day*3600*24)/3600);
var minute=parseInt((remainTime-day*24*3600-hour*3600)/60);
var second=parseInt(remainTime%60);
//当转换出来的为个位数时,给前面补零。
function addzeros(time){
if(time<10){
time='0'+time;
}
return time;
}
$('.countdown').html('距离活动结束还有'+addzeros(day)+'天'+addzeros(hour)+'时'+addzeros(minute)+'分'+addzeros(second)+'秒');
},1000)
</script>