<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
function startCount() {
document.getElementById('count').value=num;
num=num+1;
setTimeout(startCount(),1000);
}
startCount();
</script>
</head>
<body>
<form>
<input type="text" id="count" />
</form>
</body>
</html>
為什麼13行直接寫入startCount()不行呢?提示報錯Uncaught TypeError: Cannot set property 'value' of null
。我在html標籤下方寫一個script標籤,裡面寫startCount()
又可以了,或是13行寫成setTimeout(startCount(),1000);
也是可以運作的,這是為什麼呢?
dom還沒完全載入完成原因,所以js建議放在body下面執行,或是用window.onload就能放在head頭部執行。