JavaScriptで残り何日、何時間、何分かのカウントダウン効果を実現する方法

方法: 1. Date() メソッドと getTime() メソッドを使用して、指定された時刻のミリ秒数と現在の時刻のミリ秒数を取得します; 2. 2 ミリ秒を減算して時刻を取得します差; 3. 「parseInt (時差/ミリ秒)」ステートメントを使用して時差を整形し、カウントダウンに必要な日数、時間、分を計算して出力します。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript を使用して残りの日数、時間、分をカウントダウンする方法

JavaScript を使用して、指定された期間のカウントダウンを完了します日付 (イベントまでの残り日数など) 終了までにどれくらい時間がかかりますか? 実装方法を確認するために例を見てみましょう;

1. 時間オブジェクトの getTime() メソッドを使用しますすべてのミリ秒を取得します

2. 指定した時刻のミリ秒を変更します 現在の時刻からミリ秒数を減算して、差をミリ秒単位で取得します

3. 毎日のミリ秒数は次のとおりです: 1000*60*60*24、これは 1000 ミリ秒 *60 秒 *60 分 *24 時間で 1 日に相当します。 ミリ秒数

#4. 合計ミリ秒数を1 日のミリ秒数を取得し、parseInt メソッドを使用して丸め、整数日の数を取得します。

5. 余りを使用して

6 を取得できます。したがって、使用される計算ルールは次のとおりです。

• 1 日全体: 合計ミリ秒数 / 1 日のミリ秒数
  

• 時間: (合計ミリ秒数 / 1 時間のミリ秒数) % 24 時間 (時間部分全体が 1 日で取り除かれているため、除算後に残るのは残りの時間数です)。残りの時間数を取得するには、残りの 24 時間を使用します)

• 分と時間の計算は同じです。分全体を削除し、残りの分 % を使用すると、残りの分を取得できます。 60 分まで

• 秒の計算は同じです

コード:

実行:

[推奨学習: JavaScript 上級チュートリアル]

以上がJavaScriptで残り何日、何時間、何分かのカウントダウン効果を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。