可以设置设置几天、小时、分钟、秒
演示地址:http://www.corange.cn/demo/3797/index.html
<!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=gb2312" />
<title>jquery 倒计时 设置几天、小时、分钟、秒等属性只需修改到期时间</title>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("jquery", "1.2.6");
</script>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180%;background:#fff;}
.timerbg{background:url(images/bg.png) no-repeat;height:60px;width:980px;margin:20px auto;}
.timerbg div{float:right;font-size:16px;margin:24px 0 0 0;font-weight:800;text-align:left;width:335px;font-family:"微软雅黑","宋体";}
.timerbg div strong{font-size:28px;margin:0 13px;color:#D6000F;font-family:Arial;}
#daoend{margin:24px 0 0 0;width:324px;color:#D6000F;font-size:22px;}
</style>
</head>
<body>
<div class="timerbg">
<div id="daoend" style="display:none;">已结束</div>
<div id="dao"><strong id="RemainD"></strong>天<strong id="RemainH"></strong>时<strong id="RemainM"></strong>分<strong id="RemainS"></strong>秒</div>
</div>
<script type="text/javascript">
var startTime = new Date();
startTime.setFullYear(2012, 7, 27);
startTime.setHours(20);
startTime.setMinutes(11);
startTime.setSeconds(59);
startTime.setMilliseconds(999);
var EndTime=startTime.getTime();
function GetRTime(){
var NowTime = new Date();
var nMS = EndTime - NowTime.getTime();
var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));
var nH = Math.floor(nMS/(1000*60*60)) % 24;
var nM = Math.floor(nMS/(1000*60)) % 60;
var nS = Math.floor(nMS/1000) % 60;
if (nMS < 0){
$("#dao").hide();
$("#daoend").show();
}else{
$("#dao").show();
$("#daoend").hide();
$("#RemainD").text(nD);
$("#RemainH").text(nH);
$("#RemainM").text(nM);
$("#RemainS").text(nS);
}
}
$(document).ready(function () {
var timer_rt = window.setInterval("GetRTime()", 1000);
});
</script>
</body>
</html>
相关推荐
JQuery倒计时插件，效果请看http://www.jq22.com/jquery-info3132
jquery倒计时插件 jquery倒计时插件 jquery倒计时插件
简单的jquery倒计时插件.rar
95、精确到毫秒jQuery倒计时代码
三种颜色的jquery倒计时插件
jquery倒计时插件多个倒计时同时计时代码 jquery倒计时插件多个倒计时同时计时代码
JQuery 倒计时插件：几种数字表的样式，如HTC手机上的数字表。
/* * 插件说明： * 这是一个jQuery倒计时插件，实在是太简单小巧了，使用时只需要调用timer这个方法就可以了。只要看完这个说明，你绝对会掌握它。
简单的jQuery倒计时插件 可以根据自己需求拓展定制
jquery 倒计时器 可以自动设置时间提供倒计时功能
网站建设中模板,jquery倒计时 网站建设中模板,jquery倒计时
jQuery翻牌倒计时效果demo
jQuery倒计时插件6种不同倒计时效果代码 jQuery倒计时插件6种不同倒计时效果代码
jQuery.countdown是一款功能齐全的jQuery倒计时插件。jQuery.countdown.js一个文件中集合了所有的倒计时功能，它能够显示各种时间格式，并提供回调函数。
使用这个插件可以实现页面倒计时，这个是jquery的插件。
js/ jquery倒计时源码,简洁漂亮的js倒计时代码
jQuery倒计时/计时器/时间插件，用jQuery做一个时间插件，可以倒计时，计时，效果运行见晓，希望你采纳
倒计时自动随机抽奖
jquery倒计时广告