為什么沒效果
<!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>
2022-03-25
多了一個“}”花括號也可能是瀏覽器問題吧,我有時候也有這種問題
2017-03-26
這是由于在你剛開始的時候網頁還沒有加載完畢,id為 "count"的控件還沒有加載好,然后你直接執行startCount()方法,該方法里的document.getElementById("count")獲取到的對象為null;所以要想有效果,應該在函數后面不執行startCount(),應該執行setTimeout("startCount()",1000)設置一個延時等待的網頁的加載。
2017-03-25
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>?
? <script type="text/javascript">
?? function count(){
??? var oTxt1 = document.getElementById("txt1").value;
??? var oTxt2 = document.getElementById("txt2").value;
??? var oSlt = document.getElementById("select").value;
??? var result = "";
??? switch(oSlt) {
??????? case "+":
??????????? result = parseFloat(oTxt1) + parseFloat(oTxt2);
??????????? break;
??????? case "-":
??????????? result = parseFloat(oTxt1) - parseFloat(oTxt2);
??????????? break;
??????? case "*":
??????????? result = parseFloat(oTxt1) * parseFloat(oTxt2);
??????????? break;
??????? default:
??????????? result = parseFloat(oTxt1) / parseFloat(oTxt2);
??? }
??? document.getElementById("fruit").value = result;
???
?? }
? </script>
?</head>
?<body>
?? <input type='text' id='txt1' />
?? <select id='select'>
??? ?<option value='+'>+</option>
??<option value="-">-</option>
??<option value="*">*</option>
??<option value="/">/</option>
?? </select>
?? <input type='text' id='txt2' />
?? <input type='button' value=' = ' onclick=count() /> <!--通過 = 按鈕來調用創建的函數,得到結果-->
?? <input type='text' id='fruit' />??
?</body>
</html>