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

推薦する

webkit-box-reflect を巧みに使用してさまざまな動的効果を実現する (要約)

かなり前の記事で、 -webkit-box-reflectプロパティについて説明しました。リフレクシ...

Linux でテキストを表示するためのヒント (非常に実用的!)

序文日常の開発では、サーバー上でさまざまなテキストやログの表示操作を実行する必要があることがよくあり...

近々ブラウザに導入される CSS :is() と :where() の簡単な分析

Safari (Technology Preview 106) および Firefox (バージョン...

CSS ハック \9 と \0 は IE11\IE9\IE8 のハッキングには機能しない可能性があります

Web ページやフォームを設計するたびに、さまざまなブラウザ、特に IE ファミリの互換性の問題に悩...

Linux (Centos7) に mysql8.0.18 をインストールするチュートリアル図

1 インストールリソースパッケージmysql-8.0.18-1.el7.x86_64.rpm-bun...

Linux で so または実行可能プログラムの依存ライブラリを表示します

Linux で実行可能プログラムまたは so の依存ライブラリを表示します。 Linux の実行可能...

CSS を使用して等アスペクト比のアダプティブ コンテナを実装する方法

最近、モバイル ページを開発しているときに、ページの幅が 100% の場合、高さは幅の半分になり、携...

JavaScript でウェブ プレーヤーを実装する

今日は、JavaScript を使用して Web ページ上にプレーヤーを作成する方法を紹介します。誰...

VMware Workstation16 と Navicat リモート接続での Centos7 での MySQL8.0 インストール プロセス

目次1. CentOS7+MySQL8.0、yumソースインストール2. MySQLにログインしてパ...

MySQLの不合理なMaxIdleConnsにより接続が短くなる

1 背景最近、Shimo Document のオンライン ビジネスでパフォーマンスの問題が発生しまし...

VMware vSphere6.0 サーバー仮想化の展開とインストールの図 (詳細な手順)

1. VMware vSphere 導入の早期計画のポイント1. vSphereの利点(わずかに)...

Docker で MySQL をインストールし、リモート接続を実装するチュートリアル

画像をプルする docker プル mysql完成した画像を見る Docker イメージイメージを介...

Docker-compose を使用して ELK クラスターを構築する方法

すべてのオーケストレーション ファイルと構成ファイルは、私の Github からアクセスできます。構...

MySQL 5.7.17 winx64 解凍版のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 5.7.17 winx64解凍版のインストールと設定方法を紹介します。具体...

Navicat PremiumはMySQLデータベースを操作します(SQL文を実行します)

1. Navicatの紹介1. Navicat とは何ですか? Navicat は強力な MySQ...