課程
/前端開發
/JavaScript
/JavaScript進階篇
函數外層不用setTimeout（），直接調用函數為什么不能顯示？。。但是添加一個點擊控件按鈕來調用的話又可以顯示了？。
2015-09-02
源自：JavaScript進階篇 8-5
正在回答
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>計時器</title> </head> </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);? ??} //???setTimeout("startCount()",1000); ??startCount(); </script> </body> </html>
把你的js代碼放到body結束標簽之前就可以了。瀏覽器是按照頁面代碼從上到下執行的，如果放在上面，執行js的時候頁面上還沒有“count”這個input標簽，當然執行不了。用setTimeout設置一秒后才執行，這時瀏覽器已經加載了input標簽，所以就可以執行了
H0先生 提問者
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
1 回答setTimeout()問題
2 回答setTimeout()的問題
5 回答setTimeout的問題
2 回答關于setTimeout()的問題
2 回答setTimeout()的用法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
<var id="5rzvh"></var>
2015-09-02
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>計時器</title> </head> </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);? ??} //???setTimeout("startCount()",1000); ??startCount(); </script> </body> </html>把你的js代碼放到body結束標簽之前就可以了。瀏覽器是按照頁面代碼從上到下執行的，如果放在上面，執行js的時候頁面上還沒有“count”這個input標簽，當然執行不了。用setTimeout設置一秒后才執行，這時瀏覽器已經加載了input標簽，所以就可以執行了