時間
setTimeoutは、一定時間ごとに処理をする方法です。アニメ等に使えます。
setTimeout
詳しくは、window.setTimeoutですけど、windowは省略できます。使い方は、そのままで使うか、タイマーIDを使います。関数の中で、最後に自分自身を呼び出して使うのが多いです。
setTimeout("関数()",時間);
Timer_ID=setTimeout("関数()",時間);
Timer_IDは好きな名前の変数でいいです。あとで解除したいときに使います。時間は、ミリ秒です。1000で1秒です。
<script type="text/javascript">
<!--
var ti=0;
function timer_go(){
ti++;
document.time.timer.value=ti;
setTimeout("timer_go()",1000);
}
// -->
</script>
<form name="time" action="x">
<p>
<input type="text" name="timer" value="0" size="5">
<input type="button" name="tb" value="Go" onClick="timer_go()">
</p></form>
clearTimeout
setTimeoutを止めます。使い方は、
clearTimeout(Timer_ID);
です。
<script type="text/javascript">
<!--
var tic=0;
function timer_goc(){
tic++;
document.timec.timerc.value=tic;
axc=setTimeout("timer_goc()",1000)
}
// -->
</script>
<form name="timec" action="x">
<p>
<input type="text" name="timerc" value="0" size="5">
<input type="button" name="tbc" value="Go" onClick="timer_goc()">
<input type="button" name="tsc" value="Stop" onClick="clearTimeout(axc)">
</p></form>
Next : 次のステップへ
Pre : 前のステップへ
Up : JavaScriptに戻る
Home : ホームに戻る
Presented by Rei