最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript倒计时功能实现代码_时间日期

来源:动视网 责编:小采 时间:2020-11-27 21:03:21
文档

javascript倒计时功能实现代码_时间日期

javascript倒计时功能实现代码_时间日期:代码如下: 代码如下: /** * 倒计时 * * @author WadeYu * @date 2012-04-20 17:40 * @copyright boyaa.com */ var TimeCountDown = function( initTime ){ var day = 0; var hour = 0; var minute =
推荐度:
导读javascript倒计时功能实现代码_时间日期:代码如下: 代码如下: /** * 倒计时 * * @author WadeYu * @date 2012-04-20 17:40 * @copyright boyaa.com */ var TimeCountDown = function( initTime ){ var day = 0; var hour = 0; var minute =


代码如下:

代码如下:
/**
* 倒计时
*
* @author WadeYu
* @date 2012-04-20 17:40
* @copyright boyaa.com
*/
var TimeCountDown = function( initTime ){
var day = 0;
var hour = 0;
var minute = 0;
var second = 0;
var timerId = 0;
var self = this;
var fixInitTime = function(){
initTime = parseInt(initTime);
if ( isNaN(initTime) || initTime < 0 ){
initTime = 0;
}
};
var fixZero = function(num){
return num < 10 ? ('0'+num) : num;
};
var calc = function(){
showCallback.call(self, [fixZero(day), fixZero(hour), fixZero(minute), fixZero(second)]);
if ( day === 0 && hour === 0 && minute === 0 && second === 0){
self.stop();
} else {
if (hour === 0 && day > 0){
hour = 24;
day--;
}
if (minute === 0 && hour > 0){
minute = 60;
hour--;
}
if (second === 0 && minute > 0){
second = 59;
minute--;
} else {
second--;
}
timerId = window.setTimeout(function(){
calc();
}, 1000);
}
};
var showCallback = function(){
alert('Please set show callback functions!');
};
var init = function(){
fixInitTime();
if ( initTime > 0 ){
day = Math.floor( (initTime / (24*60*60)) );
initTime -= day * 24*60*60;
hour = Math.floor( initTime / (60*60) );
initTime -= hour * 60*60;
minute = Math.floor( initTime / 60 );
second = initTime - minute * 60;
}
};
this.start = function(){
calc();
};
this.stop = function(){
timerId && window.clearTimeout(timerId);
};
this.setShowCallback = function(fn){
typeof(fn) === 'function' ? (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();


文档

javascript倒计时功能实现代码_时间日期

javascript倒计时功能实现代码_时间日期:代码如下: 代码如下: /** * 倒计时 * * @author WadeYu * @date 2012-04-20 17:40 * @copyright boyaa.com */ var TimeCountDown = function( initTime ){ var day = 0; var hour = 0; var minute =
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top