DEDECMS限時(shí)優(yōu)惠價(jià)購買實(shí)時(shí)倒計(jì)時(shí)
來源:程序員人生 發(fā)布時(shí)間:2014-05-10 02:09:02 閱讀次數(shù):2867次
DEDECMS限時(shí)優(yōu)惠價(jià)購買實(shí)時(shí)倒計(jì)時(shí)設(shè)計(jì)(活動(dòng),分類信息,秒殺,限時(shí)搶購專用,支持列表頁和文章頁)
功能:不管是動(dòng)態(tài)還是靜態(tài)頁面,都可以在不刷新頁面的情況下按秒刷新,做到實(shí)時(shí)倒計(jì)時(shí)效果
列表頁模板代碼:
<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>
文章頁請參考列表頁
支持js.
需要DEDECMS 默認(rèn)程序的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+"小時(shí)"+a+"分"+c+"秒";
}
else
{
e="優(yōu)惠活動(dòng)已經(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è)置倒計(jì)時(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('原價(jià)購買');}
}, 1000);
});
});
</script>
效果圖:
生活不易,碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)