以下為 JavaScript 語法的範例, 因為撰寫程式時, 卡在setTimeout的地方很久, 所以特地備註 !
需注意的地方:
1. 這個是使用setTimeout 的方式撰寫, 之前錯的想法是以為, setTimeout 執行之後, 會一直的執行下去,
結果不是, setTimeout 應該是只有執行一次, 如果要重新執行, 就需向以下的方式撰寫, 才可以再次執行!
2. setTimeout設定中, 裡面要執行的函式, 必須用 “” 引號括弧起來!
3. 如果 setTimeout裡面有參數, 如果是字串, 最好用 ” 單引號括弧起來!
<html>
<head>
</head>
<body><form>
<div id=”txt”> </div>
<input type=”button” id=”btn1” value=”Start count!” onClick=”timedCount(i)” style=”display:”>
<input type=”button” id=”btn2” value=”Stop count!” onClick=”stopCount()”>
</form></body>
<script type=”text/javascript”>
var i=0;
var t;
function timedCount(i) {
document.getElementById(“btn1”).disabled=true
var txt=document.getElementById(“txt”);
txt.innerHTML=i;
i++;
t=setTimeout(“timedCount(“+i+”)”,1000);
}
function stopCount() {
document.getElementById(“btn1”).disabled=false
clearTimeout(t);
}
</script>
</html>
需注意的地方:
1. 這個是使用setTimeout 的方式撰寫, 之前錯的想法是以為, setTimeout 執行之後, 會一直的執行下去,
結果不是, setTimeout 應該是只有執行一次, 如果要重新執行, 就需向以下的方式撰寫, 才可以再次執行!
2. setTimeout設定中, 裡面要執行的函式, 必須用 “” 引號括弧起來!
3. 如果 setTimeout裡面有參數, 如果是字串, 最好用 ” 單引號括弧起來!
<html>
<head>
</head>
<body><form>
<div id=”txt”> </div>
<input type=”button” id=”btn1” value=”Start count!” onClick=”timedCount(i)” style=”display:”>
<input type=”button” id=”btn2” value=”Stop count!” onClick=”stopCount()”>
</form></body>
<script type=”text/javascript”>
var i=0;
var t;
function timedCount(i) {
document.getElementById(“btn1”).disabled=true
var txt=document.getElementById(“txt”);
txt.innerHTML=i;
i++;
t=setTimeout(“timedCount(“+i+”)”,1000);
}
function stopCount() {
document.getElementById(“btn1”).disabled=false
clearTimeout(t);
}
</script>
</html>