团购网倒计时实例 

 1 <div class="g_main">
 2             <div class="l mainl">
 3                 <div id="goods_26083" class="goods" style="padding-bottom: 10px;">
 4                     <div class="c todydeal">
 5                         <div class="mid">
 6                             <div class="dealinfo">
 7                                 <div class="l deal_l">
 8                                     <div class="deal_samebox">
 9                                         <div class="l title">
10                                             距离本次团购结束还有：<br>
11                                             <span id="time_26083"></span>
12                                         </div>
13                                         <div class="r">
14                                             <img src="http://hi.csdn.net/attachment/201109/26/0_131702066299Jo.gif" width="29" height="50/"></div>
15                                         <div id="sec_left_26083" style="display: none;" class="time_left">
16                                             10</div>
17                                         <div class="c">
18                                         </div>
19                                         <ul id="counter">
20                                         </ul>
21                                         <div class="c">
22                                         </div>
23                                     </div>
24                                 </div>
25                             </div>
26                         </div>
27                     </div>
28                 </div>
29                 <div id="goods_25875" class="goods" style="padding-bottom: 10px;">
30                     <div class="c todydeal">
31                         <div class="mid">
32                             <div class="dealinfo">
33                                 <div class="l deal_l">
34                                     <div class="deal_samebox">
35                                         <div class="l title">
36                                             距离本次团购结束还有：<br>
37                                             <span id="time_25875"></span>
38                                         </div>
39                                         <div class="r">
40                                             <img src="http://hi.csdn.net/attachment/201109/26/0_131702066299Jo.gif" width="29" height="50/"></div>
41                                         <div id="sec_left_25875" style="display: none;" class="time_left">
42                                             122034</div>
43                                         <div class="c">
44                                         </div>
45                                         <ul id="counter">
46                                         </ul>
47                                         <div class="c">
48                                         </div>
49                                     </div>
50                                 </div>
51                                 <div class="c">
52                                 </div>
53                             </div>
54                         </div>
55                     </div>
56                 </div>
57             </div>
58         </div>


 1 <script type="text/javascript" language="javascript">
 2         var sec = {};
 3         function getInitTime() {
 4             $('.time_left').each(function () {
 5                 var jobj = $(this);
 6                 var SysSecond = parseInt(jobj.text());
 7                 var theid = parseInt((jobj.attr('id')).replace(/sec_left_/, ''));
 8                 sec[theid] = SysSecond;
 9             });
10         }
11 
12         function SetRemainTime() {
13             for (var i in sec) {
14                 setRemainTimeSite(i, sec[i]);
15             }
16         }
17         function setRemainTimeSite(theid, SysSecond) {
18             if (SysSecond > 0) {
19                 SysSecond = SysSecond - 1;
20                 var second = Math.floor(SysSecond % 60).toString();
21                 var minite = Math.floor((SysSecond / 60) % 60).toString();
22                 var hour = Math.floor((SysSecond / 3600) % 24).toString();
23                 var day = Math.floor((SysSecond / 3600) / 24).toString();
24                 $("#time_" + theid).html(day + "天" + hour + "小时" + minite + "分" + second + "秒");
25                 sec[theid]--;
26             } else {
27                 return;
28             }
29         }
30         $(function () {
31             getInitTime();
32             window.setInterval(SetRemainTime, 1000);
33         })
34         </script>




posted @ 2011-10-17 15:59  _null  阅读(836)  评论(0)    收藏  举报