1. はじめに
2. setIntervalとsetTimeoutの違い
3.タイムアウトを設定する定義と使用法: 構文: パラメータ: code (必須): 関数が呼び出された後に実行される
間隔の設定: 構文: パラメータ: 戻り値: 違い: 上記のように、 個人的には、setTimeout を使うことを好みます。 4. setTimeoutの使用一緒にケースを実行してみましょう。まず、メモ帳を開いて次のコードを貼り付け、実行して効果を確認してください。 <!DOCTYPE html> <html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8"> </head> <本文> <h1> <font color=blue> haorooms ブログのデモページ</font> </h1> <p>3秒お待ちください!</p> <スクリプト> setTimeout("alert('申し訳ありません、haorooms ブログは長い間お待たせしました')", 3000 ) </スクリプト> </本文> </html> 3 秒間そのままにしておくと、ページに写真フレームがポップアップ表示されます。この場合は、 一緒に別のケースをやってみましょう: <!DOCTYPE html> <html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8"> <スクリプト> 変数x = 0 関数 countSecond() { x = x+1 ドキュメント.haorooms.haoroomsinput.value=x setTimeout("countSecond()", 1000) } </スクリプト> </head> <html> <本文> <フォーム名="haorooms"> <input type="text" name="haoroomsinput"value="0" size=4 > </フォーム> <スクリプト> 秒数をカウントする() </スクリプト> </body> </html>
例がなければ、学習は速く進みません。別の例を使って、 <!DOCTYPE html> <html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8"> <スクリプト> x=0 y=-1 関数 countMin() {y=y+1 ドキュメントのディスプレイ最小値 ディスプレイボックス値 = y タイムアウトを設定します("countMin()",60000) } 関数 countSec() {x = x + 1 60 パーセント document.displaySec.displayBox.value=z タイムアウトを設定します("countSec()", 1000) } </スクリプト> </ヘッド> <本文> <table> <tr valign=top> <td> haorooms ブログでの滞在時間は次のとおりです: </td> <td> <フォーム名=表示最小値> <入力タイプ=テキスト 名前=ディスプレイボックス 値=0 サイズ=4 > </フォーム> </td> <td> ポイント</td> <td> <フォーム名=ディスプレイSec> </td> <td> <入力タイプ=テキスト 名前=ディスプレイボックス 値=0 サイズ=4 > </フォーム> </td> <td> 秒。 </td> </tr> </テーブル> <スクリプト> カウント最小値() カウント秒数() </スクリプト> </本文> </html> いかがでしたか? 上記の例を通じて、 5. クリアタイムアウト() clearTimout() の構文は次のとおりです。 次の例では、それぞれ meter1 と meter2 という名前の 2 つの 次のように: 以下の clearTimeout() の例を参照してください。 <!DOCTYPE html> <html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8"> <スクリプト> x = 0 y = 0 関数 count1() {x = x + 1 ドキュメント.display1.box1.value = x meter1=setTimeout("count1()", 1000) } 関数 count2() {y = y + 1 ドキュメント.display2.box2.value = y meter2 = setTimeout("count2()", 1000) } </スクリプト> </ヘッド> <本文> <p> </br> <フォーム名="display1"> <入力タイプ="テキスト" 名前="ボックス1" 値="0" サイズ=4 > <input type=button value="計時を停止" onClick="clearTimeout(meter1) " > <input type=button value="タイミングを続行" onClick="count1()" > </フォーム> <p> <フォーム名="display2"> <入力タイプ="テキスト" 名前="ボックス2" 値="0" サイズ=4 > <input type=button value="計時を停止" onClick="clearTimeout(meter2) " > <input type=button value="タイミングを続ける" onClick="count2()" > </フォーム> <スクリプト> カウント1() カウント2() </スクリプト> </本文> </html> 6. 結論これで、JavaScript の setTimeout() の使い方のまとめは終了です。JavaScript の setTimeout() の使い方についてさらに詳しく知りたい方は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
login.html 部分: <!DOCTYPE html> <html lang...
目次整合性制約整合性制約の定義整合性制約の分類主キー制約単一の主キーと複合主キーの違い主キーフィール...
目次序文データバインディングとは何ですか? Angular のデータバインディングの種類一方向データ...
この記事では、Amapを使用して都市の位置特定を実現するVueの具体的なコードを参考までに共有します...
この記事では、MySQL 8.0.15のインストールと設定方法を参考までに紹介します。具体的な内容は...
序文このブログ記事が公開された後、何人かの友人からSQL Serverバージョンがあるかどうか尋ねら...
目次1. 前処理2. コンパイル3. コンパイル4. リンク1. gccのインストール(Ubuntu...
CSS3 を学習する過程で、CSS3 属性を使用すると多くのクールな効果を簡単に実現できることが分か...
展開環境: ここでは docker コンテナ、Linux システム、VmWare 仮想マシンが使用さ...
1. 外部CSSファイルの基本スタイルをインポートする<link> タグを使用して外部ス...
サーバーデータがSSL証明書を使用して暗号化および認証されていない場合、ユーザーのデータはプレーンテ...
Linuxバージョン: CentOS 7 [root@azfdbdfsdf230lqdg1ba91 ...
ミニプログラムページ間で値を渡すみなさんこんばんは。こんばんはと言うのは、これを夜に書いたからです。...
この記事は主に、MySQL インデックスの長さ制限の原理の分析を紹介します。サンプル コードを通じて...
本日、MySQLの圧縮版をインストールする際に問題が発生しました。サービスが起動できず、2、3時間苦...