jQuery控制倒计时

1.1 秒杀的倒计时

　　做秒杀网页总免不了倒计时，但没有很好的服务器，啥资源都没有，只能将部分任务交给浏览器去处理，比如秒杀首页的倒计时，因为真正秒杀是在具体页面，首页只是展示而已，所以误差一点是允许的。

　　而在具体商品页，时间要求比较严谨，可以通过每秒向服务器提交信息核实，也可以通过隔时间段提交，核对并确保时间无误（误差较小）。

1.2 jQuery控制倒计时示例

 $(document).ready(function() {
     onTimer("#time",);
 });

 // 该函数用于执行倒计时
 function onTimer(id, time) {
     // 将传进来的long型转换成秒
     var remainingTime = time / ;
     var hour = ;
     var minute = ;
     var second = ;

     // 需要将其句柄赋予一个变量，方便清除该事件
     var stopCountDown = setInterval(countDown, );

     function countDown() {
         if(remainingTime > ) {
             // 如果倒计时大于0，则继续倒计时
             hour = Math.floor(remainingTime / );
             minute = Math.floor(Math.floor(remainingTime % ) / );
             second = Math.floor(remainingTime % );
             var formatTime = numToDate(hour, minute, second);
             changeShowTime(id, formatTime);
             remainingTime--;

             /* 这里可用Ajax提交到服务器的 */

         }else {
             // 若倒计时为0，则清除事件
             clearInterval(stopCountDown);

             /* 这里可用Ajax提交到服务器的 */
         }
     }
 }

 // 将数字转换成时间格式，如： 09:30:45
 function numToDate(hour, minute, second) {
     var tohour = hour <  ? ("" + hour) : hour;
     var tominute = minute <  ? ("" + minute) : minute;
     var tosecond = second <  ? ("" + second) : second;
     return tohour + ":" + tominute + ":" + tosecond;
 }

 // 该函数用于显示倒计时
 function changeShowTime(id,time) {
     /* 该函数内编写显示倒计时的语句 */
     ///////////////////////////////////////////////////////

     $(id).html(time);
 }

1.3 关于多个商品倒计时

　　一般往往不止一个商品需要倒计时，而商品的信息又是从服务端迭代出来的，我们需要一个可以识别的标志，所以可在迭代时加入其ID，如下：

 <!-- 以上，略 -->

 <s:iterator value="M_list" status="boxes">
       <div id="goods_<s:property value="sid"/>" class="show_box float_left">

       <!-- 略 -->

       </div>
 </s:iterator>

这时的问题便是如何拿到每个ID并为其加上之前写好的方法，可以通过each(callback)方法，该方法以每一个匹配的元素作为上下文来执行一个函数。

 $(document).ready(function) {
     /* 以上，略 */

     $("div[class *= show_box]").each(function(){
         var id = $(this).attr("id");    

         /* 这里编写要绑定的事件，略 */
     }
 }