JavaScript は事前定義された「 クリアタイムアウト ()」タイムアウト機能を管理するメソッド。これにより、ユーザーは「」によって以前に設定された時間間隔をキャンセルできます。 setTimeout （）' 関数。特定の時間間隔の後に繰り返されるコード ブロックの実行を停止します。これは主に、銀行や電子商取引の Web サイトで、スケジュールされたタスクをキャンセルするために使用されます。
この投稿では、JavaScriptのclearTimeout()関数を処理する方法を説明します。
JavaScriptの「clearTimeout()」関数を処理するにはどうすればよいですか?
” クリアタイムアウト ()」関数は、「」を使用して以前に設定された時間間隔をキャンセルします。 setTimeout （）' 関数。 ” setTimeout ()」関数は、特定のタスクをその期間内で繰り返し実行する時間間隔を設定します。
構文
「」の働き クリアタイムアウト ()」メソッドは、以下に示す基本構文に依存します。
クリアタイムアウト ( セットタイムアウトのID ）
上記の構文によれば、「 クリアタイムアウト ()」は「」を受け取ります ID の「」 setTimeout ()」機能が働き、時間間隔を停止します。ユーザーが ID を渡さない場合、何も実行されません。
基本的な構文を使用して、上で定義した関数を実装してみましょう。
例 1: 「clearTimeout()」関数を適用して設定された時間間隔を停止する
最初の例では、「 クリアタイムアウト ()」は、設定した時間間隔を停止する機能です。
まず、次の HTML コードを見てください。
< 中心 >< p > 2 秒待つと、ページに見出しが表示されます。 < / p >
< h2 ID = 「H2」 >< / h2 >
< ボタン クリック時 = '停止（）' > 死刑執行をやめろ！ < / ボタン >
< / 中心 >
上記のコード行では次のようになります。
- 「< 中心 >」タグは、指定された HTML 要素の配置を Web ページの中央に設定します。
- 「< p >」タグで段落ステートメントを指定します。
- 「< h2 >” タグは、ID が「」の空の見出し要素です。 H2 ”。
- 「< ボタン >」タグは、「」を呼び出すボタン要素を挿入します。 停止 ()」を付けた場合の機能 クリック時 」イベントが発生します。
次に「」を適用します。 クリアタイムアウト ()」関数は、指定されたコード ブロックを使用して実行されます。
< 脚本 >定数 セットタイム = setTimeout ( 始める 、 2000年 ） ;
関数 始める ( ） {
書類。 getElementById ( 「H2」 ） 。 内部HTML = 「Linuxhint へようこそ!」
}
関数 停止 ( ） {
クリアタイムアウト ( セットタイム ） ;
}
脚本 >
上記のコード スニペットでは次のようになります。
- ” セットタイム ”変数は”を適用します setTimeout ()」を渡す関数 始める ” 関数を最初のパラメータとして指定し、指定された” ミリ秒数 」を 2 番目のパラメータとして指定します。この関数は「」を実行します。 始める 」機能を指定された時間間隔で実行します。
- 次に、「」を定義します。 始める （）' 関数。
- この機能では、「 document.getElementById ()」メソッドは、IDが「」である空の見出し要素にアクセスするために適用されます。 H2 ” を指定し、指定されたテキスト ステートメントを追加します。
- その後、「 停止 ()」関数が定義されており、これは「 クリアタイムアウト ()」メソッドに「」の ID を渡します。 setTimeout ()」関数を使用して、時間間隔を停止します。
出力(停止実行前)
現在、出力には、「」で設定された時間間隔を停止する前に、指定された時間間隔で見出し要素が表示されます。 setTimeout （）' 方法。
出力(停止実行後)
ボタンをクリックすると、見出し要素を表示するために設定された時間間隔が停止します。
例 2: 「clearTimeout()」関数を適用して関数を停止する
この例では「 クリアタイムアウト ()」関数を使用して関数の実行を停止します。
まず、提供された HTML コードを実行します。
< 中心 >< ボタン クリック時 = '始める（）' > カウントスタート！ < / ボタン >
< 入力 タイプ = '文章' ID = '分野' >
< ボタン クリック時 = '停止（）' > ストップカウント！ < / ボタン >
< / 中心 >
上記のコード ブロックでは次のようになります。
- 「< ボタン >”タグには” クリック時 」イベントをクリックすると「start()」関数が呼び出されます。
- 「< 入力 >」タグは、タイプ「」の入力フィールドを追加します。 文章 」とID「フィールド」。
- 次の「< ボタン >」にも「」が付きます。 クリック時 ”を呼び出すイベント” 停止 このイベントが発生すると、()」関数が実行されます。
ここで、「」を適用します。 クリアタイムアウト ()」関数は次のコード行を使用します。
< 脚本 >カウンターさせてください = 0 ;
時間を設定しましょう ;
タイマーをオンにしてみましょう = 0 ;
関数 カウント ( ） {
書類。 getElementById ( '分野' ） 。 価値 = カウンター ;
カウンター ++;
セットタイム = setTimeout ( カウント 、 1000 ） ;
}
関数 始める ( ） {
もし ( ！ タイマーオン ） {
タイマーオン = 1 ;
カウント ( ） ;
}
}
関数 停止 ( ） {
クリアタイムアウト ( セットタイム ） ;
タイマーオン = 0 ;
}
脚本 >
上記のコード行では次のようになります。
- まず、「 させて 「キーワードは 3 つの変数を宣言します」 counter」、「setTime」、および「timer_on」 ”。
- 次に、「 カウント ()」関数が定義されています。
- その定義では、「 document.getElementById() ” メソッドは、その ID を使用して追加された入力フィールドにアクセスするために適用されます” 分野 ” の値を追加します。 カウンター ' 変数。
- 次に、「」の値を増やします。 カウンター ' 変数。
- 最後に「」を適用します。 setTimeout ()」メソッドを使用して、「」の実行を実行します。 カウント ()」は、指定された時間間隔で関数を実行します。
- その後、「」という名前の関数を定義します。 始める ()」。
- この関数では、「 もし ” 条件を指定するステートメントが使用されます。つまり、if” imer_on ' ではありません ' の上 ” の場合、それは” と等しくなります。 1 ' そしてその ' カウント ()」関数が呼び出されます。
- ここで、「」という名前の別の関数が定義されています。 停止 ()」。
- その定義では、「 クリアタイムアウト ()' メソッドが適用され、' の ID が渡されます。 setTimeout ()」メソッド、つまり「 セットタイム ”。
出力
「」ということが観察できます。 開始回数 」ボタンを押すと、1秒ごとに増加するカウントが開始されます。このカウントは「」をクリックすると停止します。 ストップカウント！ ' ボタン。
JavaScript での clearTimeout() 関数の処理については以上です。
結論
” クリアタイムアウト ()」関数は、「」を使用して指定された時間間隔を処理します。 setTimeout （）' 関数。このタスクは、 「setTimeout()」 必須パラメータとして機能します。 「」で設定した指定時間間隔で実行したタスクをキャンセルする場合に使用します。 setTimeout （）' 関数。この投稿では、JavaScriptのclearTimeout()関数を処理する手順を具体的に説明しました。