超時後無法更改HTML

Question

由於某種原因，我無法在JavaScript超時後更改HTML。下面是我使用的代碼：

setTimeout("$(\"#display p\").html(newDescription);", 250);

是不是有什麼問題呢？如果我刪除超時，腳本完美地工作。下面是該版本：

$("#display p").html(newDescription);

我運行Chrome 22，如果有什麼差別

Answer 1

是第一個參數應該是功能。

var newDescription = 'The Description'; 
setTimeout(function(){ 
    $("#display p").html(newDescription); 
}, 250); 

OR

var newDescription = 'The Description', 
    myfunc = function(){ 
     $("#display p").html(newDescription); 
    }; 

setTimeout(myFunc, 250); 

此外newDescription必須在你的函數訪問的範圍。

Answer 2

將字符串傳遞給setTimeout時，代碼將在全球範圍中進行評估。 newDescription很可能是本地變量，因此在250 ms超時後評估代碼時不可用。

您不應該將字符串傳遞給setTimeout（），出於同樣的原因，您不應該使用eval（）。通過傳遞一個函數，您可以保留您的作用域變量，並且您可以獲得更好的性能，因爲JavaScript引擎可以優化您的函數（但無法優化字符串參數中的代碼）。

var newDescription = "My fancy new description"; 
setTimeout(function(){ 
    $("#display p").html(newDescription); 
}, 250);