1. 簡単な紹介
タイマー メソッドに関連するメソッドは 4 つあります。
2. 間隔を設定する2.1 説明
timerId = setInterval(func|code, delay, arg1, arg2, ...) とします。 2.2 パラメータ
2.3 戻り値戻り値 2.4 使用法これは、ボタンをクリックして 1 秒ごとに数値を増やす例です。 <p id="表示数"></p> <button onclick="timer()">クリックすると 1 秒ごとに数字が 1 つずつ増えます</button> <スクリプト> 定数 showNum = document.getElementById("showNum"); let timerId; // タイマーID num = 0 とします。 関数タイマー() { タイマーID = setInterval(addNum, 1000); } 関数addNum() { showNum.innerText = `${num++}`; } // タイマーを停止するコードが書かれていません</script> 3.タイムアウトを設定する3.1 説明
timerId = setTimeout(func|code, delay, arg1, arg2, ...) とします。 3.2 パラメータ
3.3 使用法
ただし、1 回だけ実行される <p id="表示数"></p> <button onclick="timer()">クリック後、1 秒待つと数字が 1 つ増えます</button> <スクリプト> 定数 showNum = document.getElementById("showNum"); タイマーIDを設定します。 num = 0 とします。 数値を追加します。 関数タイマー() { タイマーID = setTimeout(addNum, 1000); } 関数addNum() { showNum.innerText = `${num++}`; } </スクリプト> 4. タイマーをキャンセルする
使い方は非常に簡単で、キャンセルするタイマーの識別子である 間隔をクリアします(間隔ID); タイムアウトをクリアします(タイムアウトID);
使い方は簡単です: 関数タイマー() { タイマーID = setTimeout(addNum, 1000); } clearTimeout(timerId); // コードがこの行まで実行されると、timer によって設定されたタイマーはキャンセルされます。 5. コンソールでタイマーを使用するブラウザコンソールでタイマーを使用することもできます console.time(タイマー名) name という名前のタイマーを作成して開始します。
console.timeEnd(タイマー名) console.time(タイマー名); console.timeEnd(タイマー名); 5.1 使用法 For ループを 99999 回実行するとどれくらい時間がかかるかの例: console.time(名前); num; を入力します。 (インデックス = 0、インデックス < 99999、インデックス++) { 数値++; } console.timeEnd(名前); JavaScript タイマーの詳細に関するこの記事はこれで終わりです。JavaScript タイマーに関するより詳しい内容については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: 大きな太陽の天気アイコンを純粋な CSS で記述する方法の例
Web アプリケーション クラス1. みんなのためにダウンまたは私だけのためにこのウェブサイトは、ウ...
1. 単一列インデックスどの列にインデックスを作成するかを選択することは、パフォーマンス最適化プロ...
いくつかの記事を読んだ後、ようやく MySQL で row_number() ソートを実装する方法が...
純粋なフロントエンド実装:切片上傳斷點續傳。斷點續傳カットとアップロードに基づいて実装する必要があり...
vue+remを使用したカスタムカルーセルチャートの実装は参考までに。具体的な内容は以下のとおりです...
適用シナリオ: iframe ページにスクロール バーがなく、親ウィンドウにスクロール バーが表示さ...
目次序文フラグメントの動機React Fragment の紹介と使用<React.Fragme...
目次序文: 1. 役割の紹介2. 役割に関連する操作要約:序文:前回の記事では、MySQLの権限管理...
目次1. 開発環境から本番環境への移行2. 統一されたリクエストパスを設定する3. パッケージ化コマ...
目次序文1. データベースの基礎知識1. データベースとは何ですか? 2. データベースの分類3. ...
まず、ブロガーはコミュニティ バージョンをプレイしていますが、学習とテストにはこれで十分です。 Bl...
インデックスとは何ですか?インデックスは、データベース ストレージ エンジンが指定されたデータをすば...
I. はじめに1: SSL証明書私のドメイン名は Tencent Cloud にあります。第 3 レ...
目次序文エラー境界エラー境界を超えてトライ/キャッチwindow.onerror、エラーイベント未処...
目次まず効果を見てみましょう:成し遂げる:要約:まず効果を見てみましょう: 成し遂げる: 1. ナビ...