時間

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

楽天モバイル[UNLIMITが今なら1円] ECナビでポインと Yahoo 楽天 LINEがデータ消費ゼロで月額500円〜!


無料ホームページ 無料のクレジットカード 海外格安航空券 解約手数料0円【あしたでんき】 海外旅行保険が無料! 海外ホテル