js倒计时的实现【主要是封装问题】

[zioc2014]

运行到第二秒报错，我正在学这种写法，求指教。

另外，运行的方法是不是有问题？为什么不能写成 countdown.setTime(13,22,4).tick();？

    $(function () {
    	var countdown={
    		second:0
    		,
    		minute:0
    		,
    		hour:0
    		,
    		setTime:function (h, m, s) {
	            this.second = s;
	            this.minute = m;
	            this.hour = h;
        	}, 

        	tick:function () {
	            this.second += 1

	            if (this.second == 60) {
	                this.second = 0;
	                this.minute += 1;

	                if (this.minute == 60) {
	                    this.minute = 0;
	                    this.hour += 1;

	                    if (this.hour == 24) {
	                        this.hour = 0;
	                    }
	                }
	            }

	            var countdown = (this.hour < 10 ? ("0" + this.hour) : ("" + this.hour)) + ":" + (this.minute < 10 ? ("0" + this.minute) : ("" + this.minute)) + ":" + (this.second < 10 ? ("0" + this.second) : ("" + this.second));
	            $("#countdown").html(countdown);
	            setTimeout(this.tick, 1000);
	        }
    	}
		
		countdown.setTime(13,22,4);
    	countdown.tick();
    });

着色版：

[fzfei2]

帮你改了报错问题，但你这不是倒计时器

    $(function () {
    	var countdown={
    		second:0
    		,
    		minute:0
    		,
    		hour:0
    		,
    		setTime:function (h, m, s) {
	            this.second = s;
	            this.minute = m;
	            this.hour = h;
        	}, 

        	tick:function () {
	            this.second += 1

	            if (this.second == 60) {
	                this.second = 0;
	                this.minute += 1;

	                if (this.minute == 60) {
	                    this.minute = 0;
	                    this.hour += 1;

	                    if (this.hour == 24) {
	                        this.hour = 0;
	                    }
	                }
	            }
 							var that=this;		 
	            var countdown = (this.hour < 10 ? ("0" + this.hour) : ("" + this.hour)) + ":" + (this.minute < 10 ? ("0" + this.minute) : ("" + this.minute)) + ":" + (this.second < 10 ? ("0" + this.second) : ("" + this.second));
	            $("#countdown").html(countdown);
	            setTimeout(function(){
	              that.tick()
	            }, 1000);
	        }
    	}
		
		  countdown.setTime(13,22,4);
    	countdown.tick();
    });

[conanhhy]

从LZ的代码来看，countdown内部，setTime和tick是同一级的，所以在调用时，像LZ贴出的代码

countdown.setTime(13,22,4);
countdown.tick();

而如果要写成countdown.setTime(13, 22, 4).tick()，则tick必须属于setTime内部才可以。

[zioc2014]

引用 2 楼 conanhhy 的回复:

从LZ的代码来看，countdown内部，setTime和tick是同一级的，所以在调用时，像LZ贴出的代码

countdown.setTime(13,22,4);
countdown.tick();

而如果要写成countdown.setTime(13, 22, 4).tick()，则tick必须属于setTime内部才可以。

Jquey那种呢 怎么可以 .hide().show()

[china_booseen]

为什么不能写成 countdown.setTime(13,22,4).tick();？ setTime:function(){ //.... return this; }

[conanhhy]

同意LS的，在最后加上return this就可以实现

countdown.setTime(13, 22, 4).tick();