jsカウントダウンコード作成
2000 ワード
先日、カウントダウンの需要を書きましたが、時間というものは久しぶりに書きました.今書いてシェアします.
カウントダウンは、一般的にはタイム分秒、現在時間、一つのカットオフ時間として計算されます.
new Date()関数はjs言語が持つシステム関数です.getTime()を加えると、着信時間または現在の時間のミリ秒数が得られます.パラメータは以下の5種類があります.
以上のパラメータはこのように伝えます.
カウントダウンは、一般的にはタイム分秒、現在時間、一つのカットオフ時間として計算されます.
new Date()関数はjs言語が持つシステム関数です.getTime()を加えると、着信時間または現在の時間のミリ秒数が得られます.パラメータは以下の5種類があります.
new Date("month dd,yyyy hh:mm:ss");
new Date("month dd,yyyy");
new Date(yyyy,mth,dd,hh,mm,ss);
new Date(yyyy,mth,dd);
new Date(ms);
最後の形式に注意してください.パラメータは作成する時間とGMT時間が1970年1月1日との間の差のミリ秒数を表しています.以上のパラメータはこのように伝えます.
·month: , January~December。
·mth: , 0(1 )~11(12 )。
·dd: , 1~31。
·yyyy: 。
·hh: , 0( )~23( 11 )。
·mm: , 0~59 。
ss: , 0~59 。
ms: , 0 。
いくつかの例を挙げます.new Date("May 12,2007 17:18:32");
new Date("May 12,2007");
new Date(2007,4,12,17,18,32);
new Date(2007,4,12);
new Date(1178899200000);
カウントダウンを設計する時、私の考えは2つの時間の差を計算して、その中から時間の分秒を求めます.下にコードの断片を貼り付けます.var countDown = function () {
var endTime = new Date('2018/7/25 17:30:00');
var nowTime = new Date();
var t = endTime.getTime() - nowTime.getTime();
console.log(t);
var d = '';
var h = '';
var m = '';
var s = '';
if (t > 0) {
d = Math.floor(t / 1000 / 60 / 60 / 24);
h = Math.floor(t / 1000 / 60 / 60 % 24);
m = Math.floor(t / 1000 / 60 % 60);
s = Math.floor(t / 1000 % 60);
}
function toDouble(n) {
return n < 10 ? '0' + n : n;
}
// return d+' '+toDouble(h)+' '+toDouble(m)+' '+toDouble(s)+' ';
console.log(d + ' ' + toDouble(h) + ' ' + toDouble(m) + ' ' + toDouble(s) + ' ')
}
setInterval(countDown, 100);
この関数の中のdhmsはそれぞれ天時分秒を表しています.時間差で計算します.最後に該当するデータを得ました.ここで直接コンサートを行います.調整しやすいです.使う時は注意してください.0.1 sごとに関数を呼び出してデータを更新する目的があります.もっと時間の関数を知りたいなら、以下のURLをクリックしてください.