您的位置:首页 > Web前端 > JavaScript

js 倒计时

2015-09-08 18:01 423 查看
在页面实现倒计时功能:

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

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: