jsタイマーの使い方（例で解説）_javascriptスキル

JavaScript には、タイマー専用の関数が 2 つあります。つまり、

1. カウントダウンタイマー: timename=setTimeout("function();",laytime);
2. ループタイマー: timename=setInterval("function();",laytime);

最初のパラメータ「function()」は、タイマーがトリガーされたときに実行されるアクションです。1 つの関数または複数の関数を「;」で区切ることができます。たとえば、2 つの警告ウィンドウをポップアップ表示したい場合は、「function();」を
「alert('最初の警告ウィンドウ!');alert('2 番目の警告ウィンドウ!');」に置き換えることができます。 2 番目のパラメータ「laytime」はミリ秒単位の間隔時間です。つまり、「5000」と入力すると 5 秒を意味します。
カウントダウン タイマーは指定された時間に達した後にイベントをトリガーしますが、ループ タイマーは間隔が来ると繰り返しイベントをトリガーします。これら 2 つの違いは、前者は 1 回だけ動作するのに対し、後者は継続的に動作することです。
たとえば、ページを開いた後、数秒ごとに別のページに自動的にジャンプしたい場合は、カウントダウン タイマー "setTimeout("function();",laytime)" を使用する必要があります。一度に 1 単語ずつ表示されるように文を設定する場合、
ではループ タイマー "setInterval("function();",laytime)" を使用する必要があります。

フォームのフォーカスを取得するには、document.activeElement.id が使用されます。 if を使用して、document.activeElement.id とフォームの ID が同じかどうかを判断します。
例: if ("mid" == document.activeElement.id) {alert();}、「mid」はフォームに対応する ID です。

タイマー:
は、特定の時間後に実行されるプログラムを指定するために使用されます。

JSでの実行タイミング、setTimeoutとsetIntervalの違い、キャンセル方法

setTimeout(Expression,DelayTime)、DelayTime の後に、setTimeout を使用して、操作を実行する前に一定期間遅延させます。
setTimeout("function",time) はタイムアウト オブジェクトを設定します

setInterval(expression, lateTime)、Expression は DelayTime ごとに実行されます。
setInterval("function", time) はタイムアウト オブジェクトを設定します。

SetInterval は自動的に繰り返され、setTimeout は繰り返されません。

clearTimeout(object) は setTimeout オブジェクトをクリアします
clearInterval(object) は setInterval オブジェクトをクリアします

例を 2 つだけ挙げてみましょう。
例 1. フォームがトリガーまたはロードされると、文字列をそのまま出力します

コードをコピー コードは次のとおりです。

< head>

例2. 入力ボックスにフォーカスがある場合は定期的に入力ボックスの情報を確認し、フォーカスが無い場合は確認動作を行わない。

コードをコピー コードは次のとおりです:

var Second=5000; //間隔時間 5 秒
var c =0;
functionscroll() {
c ;
if ("b" == document.activeElement.id) {
var str="スケジュールされたチェックセクション " c " Times
";
if(document.getElementByIdx_x_x('b').value!=""){
str ="入力ボックスの現在の内容は現在のコンテンツは
" document.getElementByIdx_x_x('b').value "";
}
document.getElementByIdx_x_x('word').innerHTML = str ;
}
}

例 3. 以下は最も単純な例です。タイマーが期限切れになった後に警告ウィンドウが表示されます。

コードをコピー コードは次のとおりです:

function count() {
document.getElementByIdx_x_x('m').innerHTML="タイマーが開始しました!";
setTimeout("alert(' 10 秒まで! < input TYPE="button" value=" タイミング開始" onclick="count()">





例 4: カウントダウン タイム ジャンプ

コードをコピー

コードは次のとおりです: