软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > jQuery > JQuery 实现的一个倒计时脚本

JQuery 实现的一个倒计时脚本

  烈火网(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脚本,希望对大伙有点用。
    相关阅读
    网友评论
    栏目导航
    推荐软件