JavaScript タイマーの種類の概要

JavaScript タイマーの種類の概要

1.setInterval()

指定された間隔 (ミリ秒単位) で関数を呼び出します。

このメソッドはclearInterval()が呼び出されるか、ウィンドウが閉じられるまで関数を呼び出し続けます。

文法:

setInterval(コード,ミリ秒,[arg1, arg2, ...])

パラメータ説明する
コード必須。実行するコード文字列。
ミリ秒しなければならない。時間間隔(ミリ秒単位)。
引数1、引数2、…オプション。タイマーが切れると、funcで指定された関数に追加のパラメータが渡されます。

2.タイムアウトを設定する()

指定されたミリ秒数後に関数を呼び出します。

文法:

setTimeout(code,millisec,[arg1, arg2, ...]); //パラメータは上記と同じ機能を持ちます

最終コードデモ:

//1. 矢印関数(()=>{を使用してsetTimeoutを直接記述できます。
 this.isSkeleton=false;
  },2000)
 
//2. 値を返してから clearTimeout() を呼び出してタイマーをキャンセルできます。
a = setTimeout(()=>{とする
  アラート('ポップアップ');
  },5000);
関数b() {
  window.clearTimeout(a); // ポップアップウィンドウは5秒後に表示されます。b関数を呼び出すとポップアップを直接キャンセルできます。}

戻り値:

戻り値intervalID setInterval()によって作成されたタイマーを識別するために使用されるゼロ以外の値です。この値は、対応するタイマーをクリアするためのclearInterval()のパラメータとして使用できます。 setInterval()setTimeout()は同じ ID プールを共有するため、混在させないように注意してください。

最後に、いくつかの知識:

JS オブジェクトは 2 つの方法で取得できます。1 つは開発者がカスタマイズする方法、もう 1 つはECMAScriptによって提供される方法です。 ECMAScriptによって提供されるオブジェクトは、 JavaScript組み込みオブジェクトと呼ばれます。

タイマーはwindowオブジェクトによって提供され、タイマーの前にwindow呼び出しを追加することもできます。

JavaScript タイマーの種類の概要についてはこれで終わりです。JavaScript タイマーの種類についてさらに詳しく知りたい方は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript タイマー原理の詳細な説明
  • JavaScriptタイマーの詳細な説明
  • JavaScript タイマーの詳細
  • 期間限定フラッシュセール機能を実現するJavaScriptタイマー
  • 画像のシームレスなスクロールを実現する JavaScript タイマー

<<:  nginx のインストールが完了した後に PHP を解析できない問題の解決方法

>>:  無効にしてHTMLフォーム入力を送信した後にフォーム値が取得されない問題を解決する方法

推薦する

MySQL データ型 DECIMAL(N,M) における N と M の意味の詳細な説明

同僚から、MySQL データ型 DECIMAL(N,M) の N と M の意味を尋ねられました。言...

CentOS に MySQL 8.0 をインストールして設定するための詳細な手順

序文CentOS に MySQL をインストールして設定する手順は次のとおりです。文章yumソースか...

フロントエンド HTML+CSS+JS を使用してシンプルな TODOLIST 関数を開発する (メモ帳)

目次1. 簡単な紹介2. スクリーンショットを実行する3. コードの紹介4. まとめ1. 簡単な紹介...

MySQL データベース内の同じテーブルを同時にクエリして更新する方法

通常のプロジェクトでは、1 回の入札で同時にデータを更新および照会する必要があるという問題によく遭遇...

JavaScript 配列 sort() メソッドの基本的な使い方と落とし穴

序文日常のコード開発では、配列のソートに関連する操作が多数あります。JavaScript では、so...

JS でタブ効果を書く

この記事の例では、タブ効果を記述するためのJSの具体的なコードを参考までに共有しています。具体的な内...

超大型フォントを使用した 40 の Web ページ デザイン

今日の Web デザインでは、非常に大きなフォントが表示される傾向があります。これらのオープンソース...

ページスピードの最適化の概要

インターネットは人々の生活にますます欠かせないものになってきていると思います。 Ajax や fle...

HTML の div、td、p およびその他のコンテナーでの強制改行と非改行の実装

1. 改行を強制せず、省略記号で終了します。コードをコピーコードは次のとおりです。 <div ...

Mysqlリモート接続構成を実装する2つの方法

Mysqlリモート接続構成を実装する2つの方法会社で働いていると、誰かのコンピュータに保存されている...

Vue は Tencent Map を統合して API を実装します (デモ付き)

目次執筆の背景プロジェクトの説明事前準備注記執筆の背景以前のプロジェクトではTencent Maps...

React Hook の使用例 (一般的なフック 6 つ)

1. useState: 関数コンポーネントに状態を持たせる使用例: // カウンター impor...

Apache FlinkCEP でタイムアウトステータス監視を実装するための詳細な手順

CEP - 複合イベント処理。ご注文後、一定期間内にお支払いの確認が取れませんでした。タクシーの配...

Nest.js 環境変数の設定とシリアル化の詳細な説明

環境変数の設定の簡単な説明プログラムは、環境によって異なる環境変数を必要とします。たとえば、実稼働環...