Jquery 倒计时[带演示]

  可以设置设置几天、小时、分钟、秒 
http://www.corange.cn//uploadfiles/20111109152226_90043.jpg

演示地址: 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> 

原文地址: http://www.corange.cn/archives/2011/11/3797.html

你可能感兴趣的:(jquery)