您当前位置：首页 > web前端 > jquery > JQuery 实现的一个倒计时脚本

JQuery 实现的一个倒计时脚本

来源：程序员人生发布时间：2014-03-31 10:00:08 阅读次数：2603次

　　网(LieHuo.Net)教程 JQuery 实现的一个倒计时脚本，让我们先看看代码再详细说明：

以下为引用的内容：
<script type="text/javascript">
var SysSecond;
var InterValObj;
$(document).ready(function() {

SysSecond = parseInt($("#hdfSysRemainSecond").val()); //这里我是在服务端算好了剩余的秒数，并保存到客户端，如果过期则返回0

InterValObj = window.setInterval(SetRemainTime, 1000); // 间隔函数，1秒执行
});

//代理
function SetRemainTime() {
if (SysSecond > 0) {
//alert(SysSecond);
SysSecond = SysSecond - 1;
var second = Math.floor(SysSecond % 60); // 计算秒
var minite = Math.floor((SysSecond / 60) % 60); //计算分
var hour = Math.floor((SysSecond / 3600) % 24); //计算小时
var day = Math.floor((SysSecond / 3600) / 24); //计算天

$("#lblRemainTime").html(day + "天" + hour + "小时" + minite + "分" + second + "秒");
$("#lblRemainTimeJs").html(day + "天" + hour + "小时" + minite + "分" + second + "秒");
} else {//剩余时间小于或等于0的时候，就停止间隔函数
window.clearInterval(InterValObj);
}
}
</script>

很实用的JS脚本，希望对大伙有点用。

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 谈谈新手该如何做点击网赚

下一篇 如何从 Blogger 网站删除 Google 广告

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点