在页面实现倒计时功能:
注意:时间最好是服务器时间,这样就避免了本地与服务器时间不同步问题
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