& lt!DOCTYPE?html & gt
& lthead & gt
& ltmeta?t_ '?+?我?+?'"?class="cntDigit "?/& gt;').css({
身高:?options.digitHeight?*?options.digitImages?*?10,?
浮動:?左',?背景:?url(\ ' '?+?選項。圖像?+?'\')',
寬度:?options . digit width });
digits.push(元素);
邊距(c,?-((parse int(options . start time[I])?*?options.digitHeight?*
options . digitimages)));
數字[c]。__max?=?9;
切換?(options.format[i])?{
案子?h ':
數字[c]。__max?=?(c?%?2?==?0)2:?9;
如果?(c?%?2?==?0)
數字[c]。__condmax?=?4;
打破;
案子?d ':
數字[c]。__max?=?9;
打破;
案子?m ':
案子?s ':
數字[c]。__max?=?(c?%?2?==?0)5:?9;
}
++ c;
}
不然呢?
elem?=?$(' & lt;div?' class = " CNT separator "/& gt;').css({float:左' })
。text(options . start time[I]);
where.append(elem)
}
};
var?保證金?=?函數(elem,val)?
{
如果?(瓦爾?!==?未定義)
回歸?數字[元素]。css({'marginTop ':?瓦爾。+?px ' });
回歸?parseInt(數字[elem].css('marginTop ')。替換(' px ',?''));
};
var?moveStep?=?函數(elem)?
{
數字[元素]。_ digitInitial?=?-(數字[元素])。__max?*?options.digitHeight?*?options . digitimages);
回歸?功能?_move()?{
mtop?=?保證金(elem)?+?options.digitHeight
如果?(mtop?==?options.digitHeight)?{
邊距(elem,數字[元素]。_ digitial);
如果?(elem?& gt?0)?moveStep(elem?-?1)();
不然呢?
{
clearInterval(區間);
為了什麽?(var?I = 0;?我?& lt?數字.長度;?i++)?保證金(我,?0);
options . time rend();
返回;
}
如果?((elem?& gt?0)?& amp& amp?(數字[元素]。__condmax?!==?未定義)?& amp& amp?
(位數[elem?-?1]._ digitInitial?==?邊距(elem?-?1)))
邊距(elem,-(數字[元素])。__condmax?*?options.digitHeight?*?options . digitimages));
返回;
}
邊距(elem,mtop);
如果?(保證金(elem)?/?options.digitHeight?%?options.digitImages?!=?0)
setTimeout(_move,?options . step time);
如果?(mtop?==?0)?數字[元素]。__ismax?=?真實;
}
};
$.擴展(選項,user options);
this.css({height:?options.digitHeight,?溢出:?隱藏' });
create digits(this);
區間?=?setInterval(move step(digits . length?-?1),?1000);
};
$(function(){
var?現在=新?date();
var?我的日期=新的?日期(" 2013 ","10",?"8");//註意月份是從0開始的。10代表11月。
var?timeLeft?=?新的?日期(我的日期-現在);
var?startTimeString?=?time left . getdate()+":"+time left . get hours()+":"+time left . get minutes()+":"+time left . get seconds();
$('#counter ')。倒計時({
圖片:?/jscss/demo img/201309/digits . png ',
開始時間:?startTimeString
});
$('#counter_2 ')。倒計時({
圖片:?/jscss/demo img/201309/digits . png ',
開始時間:?startTimeString,
時間趨勢:?function(){?alert('結束!');?},
格式:?mm:ss
});
});
& lt/script & gt;
& lt風格?type="text/css " >
br {清除:?兩者都有;}?。cntSeparator{font-size:?54px?邊距:?10px?7px?顏色:?#000;}?。desc {保證金:?7px?3px}?。desc?div{float:?左;?字體系列:?Arial?寬度:?70px?右邊距:?65px?字體大小:?13px;?字體粗細:?粗體;?顏色:?#000;}
& lt/style & gt;
& lt/head & gt;
& ltbody & gt
& ltdiv?id = " counter " & gt& lt/div & gt;
& ltdiv?class="desc " >
& ltdiv & gt迪亞斯& lt/div & gt;
& ltdiv & gtHoras & lt/div & gt;
& ltdiv & gtMinutos & lt/div & gt;
& ltdiv & gtSegundos & lt/div & gt;
& lt/div & gt;
& ltbr?/& gt;
& ltbr?/& gt;
& ltbr?/& gt;
& ltdiv?id="counter_2 " >& lt/div & gt;
& ltdiv?class="desc " >
& ltdiv & gtMinutos & lt/div & gt;
& ltdiv & gtSegundos & lt/div & gt;
& lt/div & gt;
& lt/body & gt;
& lt/html & gt;