JavaScript：對象問題

我在編程一個小計時器。代碼如下：JavaScript：對象問題

var counter = { 
    seconds: 100, 
    clock: function() { 
     $('input').val(this.seconds); 
     this.seconds -= 1; 
     setTimeout(this.clock(), 1000); 
    } 
}; 

counter.clock();

與http://jsfiddle.net/4ktEG/

不知怎的，我每次運行的代碼，我得到了不同的答案工作的例子。問題是什麼？

來源

2011-07-31 Randomblue

這可能會給你更多你在找什麼：HTTP： //jsfiddle.net/4ktEG/13/ –

這是你正在尋找的倒計時。

var counter = { 
    seconds: 100, 
    clock: function() { 
     $('input').val(this.seconds); 
     this.seconds -= 1; 
     setTimeout(function(){counter.clock()}, 1000); 
    } 
}; 

counter.clock();

http://jsfiddle.net/4ktEG/13/

來源

2011-07-31 16:11:44

沒問題。我最初想的是其他事情正在發生，這是我發佈的評論，而不是一個答案。 –

用途：

var counter = { 
    seconds: 100, 
    clock: function() { 
     $('input').val(counter.seconds); 
     counter.seconds -= 1; 
     setTimeout(counter.clock, 1000); 
    } 
}; 

counter.clock();

你用「本」的功能裏面，你想要的是指「反」的對象。

來源

2011-07-31 16:10:44 Darm

我仍然沒有做我想做的事。它顯示100，然後什麼也沒有。 – Randomblue

和它有什麼不同？請解釋！ – markus

@markus，我爲你添加了一條評論。 – Darm

如果你想輸入的顯示「100」，然後消失時的setTimeout被調用時，那麼你必須拿出的「this.clock（）」

括號爲此

：

var counter = { 
seconds: 100, 
clock: function() { 
    $('input').val(this.seconds); 
    this.seconds -= 1; 
    setTimeout(this.clock, 1000); 
} 
}; 

counter.clock();

來源

2011-07-31 16:11:47 Jacob

這不是我想要的。我想要一個**計數器**，去100,99,98等。 – Randomblue

好的，我明白你的意思了。 – Jacob

當你說

setTimeout(this.clock(), 1000); //the clock method will be called right away.

使用這個代替

setTimeout(this.clock, 1000);

來源

2011-07-31 16:13:44 ShankarSangoli

超時將在全球範圍內執行。因此，處理程序中的「this」將引用全局上下文。您必須將函數綁定到想要的上下文才能達到期望的結果。查看帶有上下文參數的function.call或function.apply。

var counter = { 
    seconds: 100, 
    clock: function() { 
     $('input').val(this.seconds); 
     this.seconds -= 1; 
     var closure = function() { 
      counter.clock.call(counter); 
     }; 

     setTimeout(closure, 1000); 
    } 
}; 

counter.clock();

來源

2011-07-31 16:19:50 cellcortex

jQuery有用於結合this值jQuery.proxy()^[docs]方法。

setTimeout($.proxy(counter,'clock'), 1000);

的$.proxy將返回調用counter.clock與counter結合作爲this值的函數。

或者你可以使用這樣的永久綁定counter到counter.clock：

var counter = { 
    seconds: 100 
}; 

counter.clock = $.proxy(function() { 
    $('input').val(this.seconds); 
    this.seconds -= 1; 
    setTimeout(this.clock, 1000); 
}, counter); 

counter.clock();

例子：http://jsfiddle.net/bmYAN/

來源

2011-07-31 16:33:27 user113716

JavaScript：對象問題

回答

相關問題