JavaScriptのタイマーについて知っておくべきことすべて



この記事では、JavaScriptでタイマーを実装する方法の詳細で包括的な知識を例とともに提供します。

タイマーは、プログラミング言語の重要な側面です。私たちが知っているように、時は金なりです。したがって、この記事では、JavaScriptでタイマーを実装して操作する方法を説明します。

JavaScriptでタイマーを操作する

タイマーは、特定の時間に機能を実行できるようにする機能です。タイマーを使用すると、コードの実行を遅らせて、イベントがトリガーされた瞬間やページが読み込まれた瞬間にコードが実行されないようにすることができます。たとえば、タイマーを使用して、Webサイトの広告バナーを定期的に変更したり、リアルタイムクロックを表示したりできます。





JavaScriptにはタイマー関数があります:setTimeout()

次のセクションでは、コードを遅延させるタイマーを作成する方法を示します。実行と、JavaScriptのis関数を使用して1つ以上のアクションを繰り返し実行する方法。



ウィンドウsetTimeout()メソッド

定義と使用法:

setTimeout()メソッドは、指定されたミリ秒数後に関数を呼び出すか、式を評価します。

ヒント:



  • 1000ミリ秒= 1秒。
  • 関数は1回だけ実行されます。実行を繰り返す必要がある場合は、setInterval()方法。
  • 使用clearTimeout()関数の実行を防ぐ方法。

この関数は、次の2つのパラメーターを受け入れます。 関数 、実行する関数であり、オプションです ディレイ パラメータ。関数を実行する前に待機する時間を表すミリ秒数です(1秒= 1000ミリ秒)。

戻り値: 設定されているタイマーのID値を表す数値を返します。

コード:JavaScriptのタイマー

これはJavaScriptのタイマーのコードで、タイマーを2分に設定し、ページアラートが「タイムアップ」したときに表示されます。ザ・setTimeout()メソッドは、指定されたミリ秒数後に関数を呼び出すか、式を評価します。

//分を設定します

var mins = 2

//秒を計算します

var secs = mins * 60

//ページが読み込まれるとカウントダウン関数が呼び出されます

関数countdown(){

setTimeout( 'Decrement()'、60)

}

//デクリメント関数は値をデクリメントします。

関数デクリメント(){

if(document.getElementById){

分= document.getElementById( 'minutes')

秒= document.getElementById( 'seconds')

//残り1分未満の場合

//秒の値のみを表示します。

if(秒<59) {

seconds.value = secs

}

//分と秒の両方を表示します

// getminutesとgetsecondsは

//分と秒を取得します

そうしないと {

minutes.value = getminutes()

seconds.value = getseconds()

}

//残り1分未満の場合

//分と秒の色

//赤に変わります

if(分<1) {

minutes.style.color = '赤'

seconds.style.color = '赤'

}

//秒がゼロになった場合、

//その後、ページアラートタイムアップ

if(分<0) {

alert( 'タイムアップ')

minutes.value = 0

seconds.value = 0

}

//秒> 0の場合、秒はデクリメントされます

そうしないと {

ドライ -

setTimeout( 'Decrement()'、1000)

}

}

}

関数getminutes(){

//分は秒を60で割った値で、切り捨てられます

mins = Math.floor(secs / 60)

分を返す

}

function getseconds(){

//残り分(秒単位)を取ります

//残りの合計秒数から

秒を返す-Math.round(mins * 60)

}

残り時間 ::

timers-in-javascript

ビッグデータ分析で使用されるツール

残り時間が1分未満になると、タイマーの色が赤に変わります。

これで、JavaScriptのこのタイマーの記事は終わりです。 C 一体 25万人以上の満足した学習者のネットワークを持つ信頼できるオンライン学習会社であるEdurekaが世界中に広がっています。

質問がありますか? AngularJsのこの依存性注入のコメントセクションでそれについて言及してください。折り返しご連絡いたします。