码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript倒计时组件new TimeSpan(hours, minutes, minutes)

时间:2014-08-13 00:52:14      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   java   io   ar   art   cti   

function TimeSpan(h, m, s) {

    this.h = Number(h);
    this.m = Number(m);
    this.s = Number(s);

}

TimeSpan.prototype = {

    timer: null,

    stop: function() {

    },

    callback: Function(),

    start: function(callback) {
        var self = this;

        if (callback) {

            this.callback = callback;
        }

        if (isNaN(this.s)) {
            return;
        }

        self.timer = setInterval(function() {

            self.s--;

            if (self.s >= 0) {
                self.callback();
                return;

            }

            //s < 0, m > 0
            if (self.m > 0) {
                self.s = 59;
                self.m--;
                self.callback();
                return;
            }

            //s < 0 ,m = 0, h<1
            if (isNaN(self.h) || self.h < 1) {
                //self.callback();
                clearInterval(self.timer);
                return;
            }


            self.m = 59;
            self.s = 59;
            self.h--
            self.callback();
        }, 1000);

    }
};

 

调用:

    var ts = new TimeSpan(hours, minutes, minutes);

    ts.start(function(){
        var s = this.s < 10 ? "0" + this.s : this.s;
        var m = this.m < 10 ? "0" + this.m : this.m; 
        $(".clock .time").html(m + "分" + s + "秒");
    });

 

Javascript倒计时组件new TimeSpan(hours, minutes, minutes),布布扣,bubuko.com

Javascript倒计时组件new TimeSpan(hours, minutes, minutes)

标签:style   blog   color   java   io   ar   art   cti   

原文地址:http://www.cnblogs.com/rentj1/p/3908601.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!