<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>Jquery实现倒计时效果</title>
<script language="javascript" src="jquery.js"></script>
<script type="text/javascript">
var SysSecond;
var InterValObj;
$(document).ready(function() {
SysSecond = parseInt($("#remainSeconds").html()); //这里获取倒计时的起始时间
InterValObj = window.setInterval(SetRemainTime, 1000); //间隔函数,1秒执行
});
//将时间减去1秒,计算天、时、分、秒
function SetRemainTime() {
if (SysSecond > 0) {
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); //计算天
$("#remainTime").html(day + "天" + hour + "小时" + minite + "分" + second + "秒");
} else {//剩余时间小于或等于0的时候,就停止间隔函数
window.clearInterval(InterValObj);
//这里可以添加倒计时时间为0后需要执行的事件
}
}
</script>
</head>
<body>
<div id="remainSeconds" style="display:none">60</div>
<div id="remainTime" style="font-size:20px;font-weight:800;color:#FF9900"></div>
</body>
</html>
分享到:
相关推荐
jquery实现倒计时,支持多行分别无限循环倒计时,参考价值不错
基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果
一个封装好的jquery倒计时,可以取消倒计时,可以指定截止时间,精确到天时分秒的一个jquery的脚本.其中页面和jquery.js需要自己加.这个有经验的程序员都没问题.
jQuery翻牌倒计时效果demo
主要介绍了jquery实现倒计时效果,根据设计一个游戏引出的倒计时功能,需要的朋友可以参考下
jquery倒计时插件多个倒计时同时计时代码 jquery倒计时插件多个倒计时同时计时代码
本文实例讲述了jQuery实现倒计时功能。分享给大家供大家参考,具体如下: demo代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta ...
jquery JS 倒计时 可调节倒计时的时间,格式
主要介绍了jQuery实现倒计时重新发送短信验证码功能,结合实例形式分析了基于jQuery的倒计时操作功能实现方法,涉及jQuery表单提交、验证、正则操作等技巧,需要的朋友可以参考下
代码简介:jQuery自适应倒计时插件,基于jquery.lwtCountdown.js插件实现的倒计时特效。
jquery验证码倒计时
主要介绍了jquery实现倒计时功能,详细介绍了setInterval()方法,感兴趣的小伙伴们可以参考一下
主要为大家详细介绍了jQuery实现倒计时功能,jQuery实现计时器功能的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
基于jQuery的倒计时实现代码 基于jQuery的倒计时实现代码 基于jQuery的倒计时实现代码 基于jQuery的倒计时实现代码
网站倒计时插件,多个倒计时同事进行,也可以实现倒计时结束,该快区域消失或者显示活动已经结束。
本篇文章主要对jQuery实现倒计时进行了实例分析。并附上实例源码,有兴趣的朋友可以下载源码调试运行试试看,希望对大家有所帮助
主要介绍了jQuery实现倒计时跳转的例子,需要的朋友可以参考下
一个不错的jQuery倒计时器 我在我的项目中用到了,非常不错