js 倒计时

在页面实现倒计时功能:

注意:时间最好是服务器时间,这样就避免了本地与服务器时间不同步问题

js脚本如下:

<script type="text/javascript">
//剩余的秒数 服务器端传过来
var second = ${second};

// 活动剩余时间
function lastTime(){
	if (second > 0) {
		timer();
		setInterval("timer()",1000);
	} else {
		$("#lastTime").html("距活动结束还有:00天00时00分00秒");
	}
}

function timer(){
	var dd = parseInt(second / 60 / 60 / 24, 10);//计算剩余的天数
	var hh = parseInt(second / 60 / 60 % 24, 10);//计算剩余的小时数
	var mm = parseInt(second / 60 % 60, 10);//计算剩余的分钟数
	var ss = parseInt(second % 60, 10);//计算剩余的秒数
	dd = checkTime(dd);
	hh = checkTime(hh);
	mm = checkTime(mm);
	ss = checkTime(ss);
	$("#lastTime").html("距活动结束还有:" + dd + "天" + hh + "时" + mm + "分" + ss + "秒");
	second--;
}

function checkTime(i){  
   if (i < 10) {  
       i = "0" + i;  
   }  
   return i;  
}  

</script>

参考文章:http://blog.csdn.net/lwcumt/article/details/8088303

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值