> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 카운트다운 기능 구현 code_time 및 날짜

JavaScript 카운트다운 기능 구현 code_time 및 날짜

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;
var 타이머Id = 0;
var self = this;
var fixInitTime = function(){
initTime =parseInt(initTime);
if ( isNaN(initTime) || initTime initTime = 0;
}
};
var fixZero = function(num){
return num < 10? ('0' 숫자) : 숫자;
};
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) : '';
};
초기화();
};

示例如下:
复代码 代码如下:

<본문>



관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿