主頁 > 網(wǎng)站建設(shè) > 建站知識 > 織夢DEDECMS實習購買倒計時可以用來做團購插件

織夢DEDECMS實習購買倒計時可以用來做團購插件

POST TIME:2018-02-04 22:38

功能:不管是動態(tài)還是靜態(tài)頁面,都可以在不刷新頁面的情況下按秒刷新,做到實時倒計時效果, 列表頁實時倒計時效果 列表頁模板代碼: <div class="endtime" enddate="[field:endtime/]"> <div class="date_c"></div> <div class=buy ><a target="_blank" href="[field:arcurl/]" ><span class='status'>優(yōu)惠搶購</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="距結(jié)束還有:"+f+"天"+b+"小時"+a+"分"+c+"秒"; } else { e="優(yōu)惠活動已經(jīng)結(jié)束"; } 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(){ //設(shè)置倒計時 $.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>


收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266