首頁 > web前端 > js教程 > javascript倒數計時功能實現程式碼_時間日期

javascript倒數計時功能實現程式碼_時間日期

WBOY
發布: 2016-05-16 17:52:56
原創
1405 人瀏覽過

程式碼如下:

複製程式碼 程式碼如下:

/
* 倒數
*
* @author WadeYu
* @date 2012-04-20 17:40
* @copyright boyaa.com
** 🎜>var TimeCountDown = function( initTime ){
var day = 0;
var 小時= 0;
var 分鐘= 0;
var 第二個= 0;
vartimermer = 0 ;
var self = this;
var fixInitTime = function(){
initTime = parseInt(initTime);
if ( isNaN(initTime) || initTime initTime 0;
}
};
var fixZero = function(num){
return num };
var calc = function(){
showCallback.call(self, [fixZero(天), fixZero(小時), fixZero(分鐘), fixZero (秒)]);
if (日=== 0 && 小時=== 0 && 分鐘=== 0 && 秒=== 0){
self.stop();
} else {
if (小時=== 0 && 天> 0){
小時= 24;
天--;
}
if (分鐘=== 0 && 小時> 0) {
分鐘= 60;
小時--;
}
if (秒=== 0 && 分鐘> 0){
秒= 59;
分鐘--;
} else {
第二--;
}
timerId = window.setTimeout(function(){
calc();
}, 1000);
}
};
var showCallback = function(){
alert('請設定顯示回呼函數!');
};
var init = function(){
fixInitTime() ;
if ( initTime > 0 ){
day = Math.floor( (initTime / (24*60*60)) );
initTime -= 天* 24*60*60;
hour = Math.floor( initTime / (60*60) );
initTime -= 小時* 60*60;
分鐘= Math.floor( initTime / 60 );
秒= initTime - 分鐘* 60;
}
};
this.start = function(){
calc();
};
this.stop = function(){
timerId &&& window.clearTimeout(timerId);
};
this.setShowCallback = function(fn){
typeof(fn) === '函數 ' ? (showCallback = fn) : '';
};
init();
};

示例如下:

複製代碼程式碼如下:



var timeCountDown = new TimeCountDown(3 * 24 * 60 * 60);
timeCountDown.setShowCallback(function( obj ){ // [天,小時,分,秒]
document.getElementById('timeCon').innerHTML = obj[0] ":" obj[1] ": " obj[2] ':' obj[3];
});
timeCountDown.start();
腳本>
身體>

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板