                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

為什么要兩句setTimeout("startCount()",1000);

為什么要兩句setTimeout("startCount()",1000);才能執行

human123

2015-07-24

源自：JavaScript進階篇 8-5

關注問題我要回答

2356

操作

收起

3 回答

arlenhui
2015-07-24

回復 human123：外面那個延遲一秒執行startCount函數，里面那個循環執行startCount函數。外面那個主要作用就是等dom節點都加載完才執行函數。寫成以下形式同樣可以實現效果。

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>計時器</title>
</head>
<body>
<form>
<input?type="text"?id="count"?/>
</form>
<script?type="text/javascript">
??var?num=0;
??function?startCount()?{
????document.getElementById('count').value=num;
????num=num+1;
????setTimeout("startCount()",1000);
??}
??startCount();
</script>
</body>
</html>

1 回復有任何疑惑可以回復我~

收起回答

human123 提問者

明白謝謝

2015-07-24 回復有任何疑惑可以回復我~

Yvonne_D

我把第二個setTimeout("startCount()",1000);改成 startCount(); 顯示不出來。為什么呢

2015-08-13 回復有任何疑惑可以回復我~

arlenhui 回復 Yvonne_D

不加雙引號的話startCount()會在傳入setTimeout的回調時就已經執行了。setTimeout里面傳參有三種形式，你可以查看文檔看看，對你會有幫助。

2015-08-13 回復有任何疑惑可以回復我~

查看1條回復

鮮衣
2015-09-07

其實應該像講解中的例子一樣，應該設置一個按鈕去啟動函數，這樣就比較好理解了。第二個setTimeout("startCount()",1000)相當于就是這個啟動按鈕，有了這句話就不用啟動按鈕了。有錯誤的地方還望指正?。?/p>

<!DOCTYPE?HTML>
<html>
<head>
<script?type="text/javascript">
var?num=0;
function?numCount(){
?document.getElementById('txt').value=num;
?num=num+1;
?setTimeout("numCount()",1000);
?}
</script>
</head>
<body>
<form>
<input?type="text"?id="txt"?/>
<input?type="button"?value="Start"?onClick="numCount()"?/>
</form>
</body>
</html>

0 回復有任何疑惑可以回復我~

收起回答