<!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>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.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 + "秒");
$("#remainTime").html(SysSecond);
} else {//剩余时间小于或等于0的时候,就停止间隔函数
window.clearInterval(InterValObj);
//这里可以添加倒计时时间为0后需要执行的事件
}
}
</script>
</head>
<body>
<div id="remainSeconds" style="display:none">120</div>
<div id="remainTime" style="font-size:20px;font-weight:800;color:#FF9900"></div>
</body>
</html>
分享到:
相关推荐
jquery.countdown倒计时插件下载_翻牌倒计时器特效 jquery.countdown倒计时插件下载_翻牌倒计时器特效 jquery.countdown倒计时插件下载_翻牌倒计时器特效
jquery实现倒计时,支持多行分别无限循环倒计时,参考价值不错
jQuery翻牌倒计时效果demo
一个封装好的jquery倒计时,可以取消倒计时,可以指定截止时间,精确到天时分秒的一个jquery的脚本.其中页面和jquery.js需要自己加.这个有经验的程序员都没问题.
jquery JS 倒计时 可调节倒计时的时间,格式
jquery倒计时插件多个倒计时同时计时代码 jquery倒计时插件多个倒计时同时计时代码
jQuery 60秒倒计时精确到毫秒
jQuery设置时分秒倒计时代码是一款可以自定义设置1分钟倒计时手机短信验证码,还可以设置固定日期时间倒计时代码。 jQuery设置时分秒倒计时代码 截图
jQuery创意精美的网页倒计时代码是一款时分秒倒计时计时器,点击数字设置好倒计时时间,确定后转到倒计时进度界面。
JQuery 倒计时插件:几种数字表的样式,如HTC手机上的数字表。
网站倒计时插件,多个倒计时同事进行,也可以实现倒计时结束,该快区域消失或者显示活动已经结束。
jquery,自动倒计时,倒计时完后自动执行js方法,代码齐全
JQuery倒计时插件,效果请看http://www.jq22.com/jquery-info3132
jquery倒计时插件 jquery倒计时插件 jquery倒计时插件
简单的jQuery倒计时插件 可以根据自己需求拓展定制
/* * 插件说明: * 这是一个jQuery倒计时插件,实在是太简单小巧了,使用时只需要调用timer这个方法就可以了。只要看完这个说明,你绝对会掌握它。
jquery时间倒计时插件led样式,可分别显示当前时间,新年倒计时,圣诞倒计时,随机数字,随机字母等的LED样式效果;颜色,字体等样式均可自由调整设置。http://www.datouwang.com/jiaoben/1221.html
jQuery在线考试界面,具有答题卡功能,可以倒计时,静态题目,没有数据库,仅前端,包括html文件和css文件、js文件
倒计时 jquery countdown 多种样式,非常漂亮
jquery验证码倒计时