返回列表 回复 发帖 ‹‹ 上一主题 | 下一主题 ››

JQuery倒计时效果--显示详细的天、小时、分、秒

JQuery倒计时效果--显示详细的天、小时、分、秒

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gbk" />  
  5. <title>Jquery实现倒计时效果</title>  
  6. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  7. <script type="text/javascript">  
  8. var SysSecond;  
  9. var InterValObj;     
  10. $(document).ready(function() {  
  11.   SysSecond = parseInt($("#remainSeconds").html()); //这里获取倒计时的起始时间  
  12.   InterValObj = window.setInterval(SetRemainTime, 1000); //间隔函数,1秒执行  
  13. });  
  14.   
  15. //将时间减去1秒,计算天、时、分、秒  
  16. function SetRemainTime() {  
  17.   if (SysSecond > 0) {  
  18.    SysSecond = SysSecond - 1;  
  19.    var second = Math.floor(SysSecond % 60);             // 计算秒      
  20.    var minite = Math.floor((SysSecond / 60) % 60);      //计算分  
  21.    var hour = Math.floor((SysSecond / 3600) % 24);      //计算小时  
  22.    var day = Math.floor((SysSecond / 3600) / 24);        //计算天  
  23.   
  24.    $("#remainTime").html(day + "天" + hour + "小时" + minite + "分" + second + "秒");  
  25.   } else {//剩余时间小于或等于0的时候,就停止间隔函数  
  26.    window.clearInterval(InterValObj);  
  27.    //这里可以添加倒计时时间为0后需要执行的事件  
  28.   }  
  29. }  
  30. </script>  
  31.   </head>  
  32. <body>
  33. <div id="remainSeconds" style="display:none">360000</div>  
  34. <div id="remainTime" style="font-size:20px;font-weight:800;color:#FF9900"></div>  
  35.   </body>  
  36. </html>
复制代码

我反复看了多遍,好帖,得支持












170.cm130.cmy55.net170.cm  130.cm 3--3.net 7--7.netyes58.net/58w/扎金花游戏大厅77k7k7k小游戏  guba.kdj.com.cn  398.com   316.com  sai8.com    us1.cn/ ent.yes58.net  blog.yes58.net  url2.cn 156.cm a05.cn pk28.net  58w.com.cn  yes58.com.cn  yes58.net.cn pk28.com.cn  a09.cn  nba05.com bbs05.com ip137.com
news.yes58.net 4--5.com   t.58w.cn  170.cm130.cm
156.cmsuper.uc.38.net  9969.cn huludao.58w.cn PK28.com 52mj.cn bbs.58w.cn 7--7.net  KDJ.com.cn downs.58w.cn  sky58.com        yes58.net       bbs.yes58.net 炸金花  826.com  398.com  pk28游戏大厅us1.cn  23v.cn  38.net  url3.cn
156.cmlife.yes58.net c20.cn 18o.net a17.cn u360.cn s360.cn soo3.com so18.cn  ao6.net n80.cn a70.net  v60.net 7en.net 5aoo.com pk28.cn  33k3.com 9000y.com q136.com dq18.cn dq17.net  dq55.com o1oo.com yes58.cn pk137.com le26.com 7kle.com 137g.com  pk175.com l135.com djiao.net djiao.cn tsfu.cn 45a.cn 6yao.net 03x.cn 138v.cn uc38.cn uc38.net  c13.com.cn   u40.cn   y39.cn 31999.cn 7g77.cn 2xian.com 08ip.com ip35.com seo6.net s04.net poo6.com ip28.com 22v2.com o38.net 70gg.net 500a.net 20qq.net 58o.net 2uc.net 56-s.com 33q3.com 1--9.com s398.com 38ip.com m  5-a.com 16i.net y76.net dq33.com ding2.com dj600.com soogo.com 99z99.com c--9.com c--2.com a--y.com 4--r.com 2--b.com 1--r.com g56.net  it50.com ip58.com 55k5.com 210m.com

TOP

好,应该顶,今后继续努力












TOP

支持,我认为你太厉害了











江湖聊天室,文字江湖

TOP

提示: 该帖被管理员或版主屏蔽

TOP

谢谢楼主,楼主太好人了











圣王 官家

TOP

的确好帖子,推荐加精华











通天之路 唐寅在异界

TOP

不错,顶的人不多啊,快点继续












如不能点击,请直接复制网址浏览答案:http://taourl.com/zh94k

TOP

我的站是卖手机的。。不解释。需购买手机的朋友请百度搜华华手机。。







http://:www.aa7aaa.com

TOP

说的好,一定回复~

TOP

返回列表 回复 发帖 ‹‹ 上一主题 | 下一主题 ››

站长推荐 关闭


亲弟弟竟然爬上了我的床??

我有一个弟弟,他小我两岁张的和我张的很像,当然这归功与我们的父母很有夫妻像,所以他们生下的一对子女也是如此的相象.   想想我的父母,对于他们或许我 ...


查看

本论坛已升级,此站将停止注册、发帖、回复!
10 秒钟将自动跳转到新站。

等不及了,直接点击

本站通用下载
帐号:test

密码:websjy