借口腾不出时间去健身的人,迟早会腾出时间去看病!善待自己,幸福无比,善待别人,快乐无比,善待生命,健康无比。梦想,就是这样一个词,不在于拥有,而在于追求。
功能:不管是动态还是静态页面,都可以在不刷新页面的情况下按秒刷新,做到实时倒计时效果,
列表页实时倒计时效果
列表页模板代码:
<div class="endtime" enddate="[field:endtime/]">
<div class="date_c"></div> <div class=buy ><a target="_blank" rel="nofollow noopener noreferrer" 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>
到此这篇关于织梦DEDECMS实习购买倒计时可以用来做团购插件就介绍到这了。不要生气要争气,不要看破要突破,不要嫉妒要欣赏,不要托延要积极,不要心动要行动。更多相关织梦DEDECMS实习购买倒计时可以用来做团购插件内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!