程序员人生 网站导航

JQuery 实现的一个倒计时脚本

栏目:jquery时间:2014-03-31 10:00:08
  网(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脚本,希望对大伙有点用。
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐