Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

javascriptでカウントダウンタイマーを設定するにはどうすればよいですか?


setIntervalmethodを使用して、Javascriptでカウントダウンタイマーを作成できます。 setInterval()メソッドは、関数を繰り返し呼び出すか、コードスニペットを実行しますが、各呼び出しの間に一定の時間遅延があります。

カウントダウンを作成するには、現在時刻と最終時刻の違いを確認し、カウントダウンを更新し続ける必要があります。たとえば、

 let countDownDate =new Date( "Jul 21、2020 00:00:00")。getTime(); let x =setInterval(()=> {let now =new Date()。getTime(); let distance =countDownDate --now; //日、時間、分、秒の時間計算let days =Math.floor(distance /(1000 * 60 * 60 * 24)); let hours =Math.floor((distance%(1000 * 60 * 60 * 24))/(1000 * 60 * 60)); let minutes =Math.floor((distance%(1000 * 60 * 60))/(1000 * 60)); let seconds =Math.floor( (距離%(1000 * 60))/ 1000); console.log(days + "d"+時間+"h"+分+"m"+秒+"s");//カウントダウンが終了した場合、テキストを書き込むif(distance <0){clearInterval(x); console.log( "completed")}}、1000); 

出力

これにより、出力が得られます-

 310d 0h 6m 46s310d 0h 6m 45s310d 0h 6m 44s310d 0h 6m 43s310d 0h 6m 42s310d 0h 6m 41s310d 0h 6m 40s310d 0h 6m 39s310d 0h 6m 38s310d 0h 6m 37s310d 0h 6m 36s310d 0h 6m 
  1. JavaScriptオブジェクトの値を動的に設定するにはどうすればよいですか?

    以下は、JavaScriptオブジェクトの値を動的に設定するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>

  2. Windows 10 PC でタイマーを設定する方法

    Windows 10 でタイマーを設定する必要がありますか? Web サイトにアクセスしたり、追加のソフトウェアをインストールしたりする必要はありません。代わりに、[スタート] メニューを開き、「アラーム &クロック」アプリを起動してください。 アプリ上部のタブバーにある「タイマー」ボタンをクリックします。この画面では、複数のタイマーを設定し、後で使用できるように保存できます。タイマーは手動で削除するまで削除されないため、頻繁に使用するタイマーを一度設定しておけば、何度でも再利用できます。これは、お気に入りのレシピのタイマーをプリセットできるキッチン PC に最適です。 新しいタイ