Jquery 倒计时

最新推荐文章于 2024-06-28 16:20:01 发布

iteye_1931

最新推荐文章于 2024-06-28 16:20:01 发布

阅读量174

点赞数

文章标签： javascript xhtml ViewUI

可以设置设置几天、小时、分钟、秒

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

iteye_1931

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery 倒计时

可以设置设置几天、小时、分钟、秒演示地址:http://www.corange.cn/demo/3797/index.html &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;...
复制链接

扫一扫