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フォーム入力を送信した後にフォーム値が取得されない問題を解決する方法

推薦する

divは、自動入力スタイルをブロックする入力ボックスとして入力を使用せずにコンテンツを入力できます。

今日、私は公開用の動的なウィンドウ スタイルを設計しましたが、マウスで入力をクリックしたときにブラウ...

MySQL の char、varchar、text フィールド タイプの違い

MySQL では、char、varchar、text の各タイプのフィールドはすべて文字タイプのデー...

Docker+Nginx を使ってシングルページアプリケーションをデプロイする

開発から導入まで自分で行うシングルページアプリケーションを開発する場合、ビルドを実行した後 npm ...

Docker ベースの Selenium 分散環境の構築

1.画像をダウンロードするdocker pull selenium/hub docker pull ...

JavaScript ジグソーパズルゲーム

この記事の例では、ジグソーパズルゲームを実装するためのJavaScriptの具体的なコードを参考まで...

Vueはアコーディオン効果を実装する

この記事の例では、アコーディオン効果を実現するためのVueの具体的なコードを参考までに共有しています...

MySql5.7.18 の文字セット構成の詳細なグラフィック説明

背景:かなり前(2017.6.5、記事にはタイムリーさがあり、特に使用されているツールは頻繁に更新さ...

MySQL データベースのバックアップをスケジュールするいくつかの方法 (包括的)

目次1. データをバックアップするためのmysqldumpコマンド2. 一般的なmysqldump操...

実行中のDockerコンテナのポートマッピングを変更する方法

序文docker run がコンテナを作成して実行するときに、-p を使用してポート マッピング ル...

CSS ピックアップ矢印、カタログ、アイコン実装コード

1. CSS その他のアイコンアイコンを作成するには 3 つの方法があります。写真css (小さな矢...

Vueコンポーネントドキュメントを自動生成する方法を分析する

目次1. 現状2. コミュニティソリューション2.1 事業レビュー3. 技術的ソリューション3.1....

MySQL 単一テーブルクエリの例の詳細な説明

1. データを準備するこのテーブルでは次の操作が実行されます 学生テーブルを作成 ( id int ...

MySQL でテーブル データを削除した後もディスク領域がまだ占有されているのはなぜですか?

目次1.MySQLデータ構造2. テーブルファイルのサイズは変更されておらず、MySQLの設計に関連...

CSS で雨滴アニメーション効果を実装するサンプルコード

ガラス窓今日実現するのは雨滴効果です。ただし、雨滴効果を実現する前に、まずは曇りガラス効果を作成しま...