功能:不管是动态还是静态页面,都可以在不刷新页面的情况下按秒刷新,做到实时倒计时效果,

列表页实时倒计时效果

 

列表页模板代码:

         <div class="endtime" enddate="[field:endtime/]">

         <div  class="date_c"></div> <div class=buy ><a target="_blank" href="[field:arcurl/]" ><span class='status'>优惠抢购</span></a></div>

                         </div>

需要DEDECMS 默认程序的images/js/j.js

附加JS代码:

 

         <script   language="javascript" type="text/javascript" >

         function sec2time(c){

         if (c>0)

         {

         var f=Math.floor(c/(3600*24));var b=pad(Math.floor((c%(3600*24))/3600),2);var a=pad(Math.floor((c%3600)/60),2);var c=pad(c%60,2);var e="距结束还有:"+f+"天"+b+"小时"+a+"分"+c+"秒";

         }

         else

         {

         e="优惠活动已经结束";

      }

      return e}

      var pad=function(){var a=[];return function(c,d){var b=d-c.toString().length;if(b<=0){return c}if(!a[b]){a[b]=(new Array(b+1)).join("0")}return a[b]+c}}();

      $(function(){

          

          //设置倒计时

          $.each($('div.endtime'), function(k, v){

              window.setInterval(function(){

                  var me = $(v);

                  

                  $('.date_c', me).text(sec2time(me.attr('enddate') - Date.parse(new Date()) / 1000));

      if ((me.attr('enddate') - Date.parse(new Date()) / 1000)<0)

      {

                  $('.status', me).text('原价购买');}

              }, 1000);

          });

          

          

      });

      </script>