jQuery控制倒计时

 1 $(document).ready(function() {
 2     onTimer("#time",12000);
 3 });
 4 
 5 // 该函数用于执行倒计时
 6 function onTimer(id, time) {
 7     // 将传进来的long型转换成秒
 8     var remainingTime = time / 1000;
 9     var hour = 0;
10     var minute = 0;
11     var second = 0;
12     
13     // 需要将其句柄赋予一个变量，方便清除该事件
14     var stopCountDown = setInterval(countDown, 1000);
15     
16     function countDown() {
17         if(remainingTime > 0) {
18             // 如果倒计时大于0，则继续倒计时
19             hour = Math.floor(remainingTime / 3600);
20             minute = Math.floor(Math.floor(remainingTime % 3600) / 60);
21             second = Math.floor(remainingTime % 60);
22             var formatTime = numToDate(hour, minute, second);            
23             changeShowTime(id, formatTime);
24             remainingTime--;
25             
26             /* 这里可用Ajax提交到服务器的 */
27             
28         }else {
29             // 若倒计时为0，则清除事件
30             clearInterval(stopCountDown);
31             
32             /* 这里可用Ajax提交到服务器的 */
33         }
34     }
35 }
36 
37 // 将数字转换成时间格式，如： 09:30:45
38 function numToDate(hour, minute, second) {
39     var tohour = hour < 10 ? ("0" + hour) : hour;
40     var tominute = minute < 10 ? ("0" + minute) : minute;
41     var tosecond = second < 10 ? ("0" + second) : second;
42     return tohour + ":" + tominute + ":" + tosecond;
43 }
44 
45 // 该函数用于显示倒计时
46 function changeShowTime(id,time) {
47     /* 该函数内编写显示倒计时的语句 */
48     ///////////////////////////////////////////////////////
49     
50     $(id).html(time);    
51 }

1 <!-- 以上，略 -->
2 
3 <s:iterator value="M_list" status="boxes"> 
4       <div id="goods_<s:property value="sid"/>" class="show_box float_left">
5 
6       <!-- 略 -->
7 
8       </div>
9 </s:iterator>

1 $(document).ready(function) {
2     /* 以上，略 */
3 
4     $("div[class *= show_box]").each(function(){
5         var id = $(this).attr("id");    
6         
7         /* 这里编写要绑定的事件，略 */    
8     }
9 }