CounterDownタイマオブジェクトが間違った 'this'値を使用しています

Question

カウンタオブジェクトの作成に問題があります。私がそれをしたいのは、新しく作成されたオブジェクトでタイマーを開始することです。オブジェクト変数がグローバル変数として設定されていない限り、タイマーは起動しません。誰かがこれを見て、私を助けてくれる？ここで

はコードです：私はこのコードを入力すると

function Clock(timeInMinutes){ 
    this.seconds = timeInMinutes * 60; 
    this.current = 0; 
} 

Clock.prototype = { 
    constructor: Clock, 
    start: function(){ 
     function increase(){ 
      if(this.current <= this.seconds){ 
       console.log(this.current); 
       this.current++; 
      } 
     } 
     setInterval(increase,1000); 
    } 
}; 

何も起こりません：

var clock = new Clock(1); 
clock.start(); 

物事を私はこれを行う場合にのみ起こる：

this.current = 0; 
this.seconds = 60; 

なぜ "ですが私はそれが欲しいと思うように動作していない開始関数内のこの '値？

Answer 1

これを試してください。

Clock.prototype = { 
    constructor: Clock, 
    start: function(){ 
     var that = this; 
     function increase(){ 
      if(that.current <= that.seconds){ 
       console.log(that.current); 
       that.current++; 
      } 
     } 
     setInterval(increase,1000); 
    } 
}; 

http://jsbin.com/nasuyuyove/1/edit?js,console,output

Answer 2

をお試しください：var that=this;start機能&別の関数の中でもstart機能のみthere.Prototype。関数の内部that .itsプロトタイプthis

function Clock(timeInMinutes){ 
 
    this.seconds = timeInMinutes * 60; 
 
    this.current = 0; 
 
} 
 

 
Clock.prototype = { 
 
    
 
    constructor: Clock, 
 
    start: function(){ 
 
    var that=this; 
 
     function increase(){ 
 
      if(that.current <= that.seconds){ 
 
       console.log(that.current); 
 
       that.current++; 
 
      } 
 
     } 
 
     setInterval(increase,1000); 
 
    } 
 
} 
 
var clock = new Clock(1); 
 
clock.start();