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

推薦する

CSSはラジオをクリックして2つの画像スタイルを切り替えますが、複数のラジオのうち1つだけをチェックできます。

クリックされたボタンには赤い画像スタイルを実装し、選択されていない他のボタンには灰色の画像スタイルを...

Docker でローカルにイメージをインポート/保存/読み込み/削除する方法

1. Dockerはローカルイメージをインポートする場合によっては、イメージをローカルまたは別の友人...

MySQL がデフォルト値を持つ NULL 列の使用を推奨しない理由

よく聞かれる答えは、列に NULL 値を使用するとインデックスが無効になるというものですが、実際にテ...

Excel ファイルを MySQL データベースにインポートする方法

この記事では、ExcelファイルをMySQLデータベースにインポートする方法を参考までに紹介します。...

Windows Server 2008 64ビット MySQL5.6 インストール不要版 設定方法図

1 公式ウェブサイトから MySQL 5.6 バージョンの圧縮パッケージmysql-5.6.36-w...

Reactは感情を使ってCSSコードを書く

目次導入:感情のインストール:一般的な CSS コンポーネントを追加します。既存のコンポーネントにス...

MySQL 8.0.12 解凍バージョンのインストールチュートリアル

この記事では、MySQL 8.0.12解凍版のインストールチュートリアルを参考までに紹介します。具体...

Docker - コンテナマウントディレクトリを変更する3つの方法のまとめ

方法 1: 設定ファイルを変更する (docker サービスを停止する必要があります) 1. doc...

htmlはハイパーリンク付きの新しいウィンドウを開き、ウィンドウのプロパティを制御できます。

1. HTMLハイパーリンクによって開かれるウィンドウのサイズコードをコピーコードは次のとおりです...

select count() と select count(1) の違いと実行方法

Count(*) または Count(1) または Count([column]) は、おそらく S...

ウェブレスポンシブレイアウトにおけるiframe適応の方法

問題<br />レスポンシブ レイアウトでは、iframe 要素に注意する必要があります...

一般的な MySQL ストレージ エンジンとパラメータ設定およびチューニングの紹介

MyISAM、MySQLでよく使われるストレージエンジン特性: 1. 同時実行性とロックレベル2. ...

Gitコミットログの変更方法のまとめ

ケース1: 最後の提出とプッシュなし次のコマンドを実行します。 git コミット --amend g...

WeChatアプレットがシンプルな計算機機能を実装

WeChatアプレット:シンプルな計算機、参考までに、具体的な内容は次のとおりです。ミニプログラムに...

IDEA2020.1.2 Webプロジェクトの作成とTomcatの設定に関する詳細なチュートリアル

この記事は、IDEA で Web プロジェクトを作成し、Tomcat を構成する方法についての統合記...