织梦DEDECMS实习购买倒计时可以用来做团购插件
导读:DEDE技术DEDE技术功能:不管是动态还是静态页面,都可以在不刷新页面的情况下按秒刷新,做到实时倒计时效果, 列表页实时倒计时效果 列表页模板代码: div class=endtimdede网站模板。
功能:不管是动态还是静态页面,都可以在不刷新页面的情况下按秒刷新,做到实时倒计时效果, 列表页实时倒计时效果 列表页模板代码: <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代码: <dede模板安装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); }); dede网站模板 }); </script>相关dede网站模板。
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-22 ,文章织梦DEDECMS实习购买倒计时可以用来做团购插件主要讲述可以用,团购,CMS网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_34397.html