JavaScript で setTimeout() を使用してタイマーを設定する方法-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript で setTimeout() を使用してタイマーを設定する方法

青灯夜游

Dec 10, 2018 pm 02:33 PM

javascript

JavaScriptでは、setTimeout()メソッドに呼び出す関数または実行するコード文字列パラメータと遅延時間パラメータを設定することで、setTimeout()メソッドを呼び出すことで簡易タイマーを設定できます。

JavaScript で setTimeout() を使用してタイマーを設定する方法

JS では、設定された時間間隔の後に特定のコードを実行するためのネイティブメソッドがいくつか提供されています。setTimeout() メソッドは 1 回限りのタイマーを設定し、トリガーされます。指定された遅延時間の後に 1 回だけ。 setTimeout() メソッドがタイマーを設定する方法を見てみましょう。

setTimeout() メソッド

setTimeout(): ワンタイムタイマーを設定し、指定された回数が経過した後に関数または計算式を呼び出します。ミリ秒 ; ロード中に指定された時間だけ遅延させた後、式を 1 回だけ実行します。 [関連ビデオチュートリアルの推奨事項: JavaScript チュートリアル]

構文:

setInterval(code,millisec,lang);

ログイン後にコピー

パラメーターの説明:

code: 必須パラメーター。必要な関数を示します。呼び出されるか、実行されるコードの文字列。

millisec: 定期的な実行または「コードパラメータ」の呼び出し前の時間間隔を示す必須パラメータで、ミリ秒 (1s=1000ms) 単位で測定されます。

lang オプションのパラメータ。

setTimeout() メソッドの例:

html コード:

<p>点击按钮，在等待 3 秒后弹出 "Hello"。</p>
<button onclick="myFunction()">点我</button>

ログイン後にコピー

js コード:

function myFunction()
{
	setTimeout(function(){alert("Hello")},3000);
}

ログイン後にコピー

レンダリング：

JavaScript で setTimeout() を使用してタイマーを設定する方法

#setTimeout() は無限ループタイマーを設定します

setTimeout() メソッドを使用することもできます無限ループタイマーを実装するには、それ自体を呼び出す関数を作成する必要があります。このとき、setTimeout() メソッドは無限ループします。タイマーを停止したい場合は、clearTimeout() メソッドを使用する必要があります。

clearTimeout() メソッド

clearTimeout(): setTimeout() によって設定されたタイマーをキャンセルするために使用され、無限ループに setTimeout() を設定するときに使用されます。

構文:

clearTimeout(id_of_setTimeout);

ログイン後にコピー

パラメータの説明:

id_of_setTimeout: setTimeout() によって返される ID 値を表します。

注: この値は、キャンセルされる遅延呼び出し関数または遅延実行コード文字列を識別します。

setTimeout() メソッドと clearTimeout() メソッドの組み合わせの例

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
  var num=0,i;
  function timedCount(){
    document.getElementById(&#39;txt&#39;).value=num;
    num=num+1;
    i=setTimeout(timedCount,1000);
  }
    setTimeout(timedCount,1000);
  function stopCount(){
    clearTimeout(i);
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="txt">
    <input type="button" value="Stop" onClick="stopCount()">
  </form>
</body>
</html>

ログイン後にコピー

レンダリング:

JavaScript で setTimeout() を使用してタイマーを設定する方法

#setTimeout() で設定されたタイマーが最初に無限ループし、入力ボックス [停止] ボタンを押すと、clearTimeout() メソッドが呼び出され、setTimeout() タイマーが停止され、数値は 11 のままになります。

要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。

以上がJavaScript で setTimeout() を使用してタイマーを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7681

Java チュートリアル

1639

CakePHP チュートリアル

1393

Laravel チュートリアル

1286

PHP チュートリアル

1229

Related knowledge

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript：リアルタイム監視システムを実現するためのキーテクノロジーはじめに：インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイムオンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータスコードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータスコードを取得する方法、特定のコード例が必要です序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータスコードを取得して操作が成功したかどうかを判断し、さまざまなステータスコードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータスコードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

JavaScript と WebSocket: 効率的なリアルタイム画像処理システムの構築 Dec 17, 2023 am 08:41 AM

JavaScript は Web 開発で広く使用されているプログラミング言語であり、WebSocket はリアルタイム通信に使用されるネットワークプロトコルです。 2 つの強力な機能を組み合わせることで、効率的なリアルタイム画像処理システムを構築できます。この記事では、JavaScript と WebSocket を使用してこのシステムを実装する方法と、具体的なコード例を紹介します。まず、リアルタイム画像処理システムの要件と目標を明確にする必要があります。リアルタイムの画像データを収集できるカメラデバイスがあるとします。

See all articles

JavaScript で setTimeout() を使用してタイマーを設定する方法

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック