JavaScriptカウントダウン事例実現
1152 ワード
入力時間のタイムスタンプから現在のタイムスタンプを減算するとカウントダウン時間の合計ミリ秒数となり、jsのカウントダウン効果を実現します.
コア思想:
時間を減らせないと負の値が発生する可能性がありますので、タイムスタンプでミリ秒数の残り時間を取得し、最後に残りの時間を天、時、分、秒の書式に変換します.
変換式:
コア思想:
時間を減らせないと負の値が発生する可能性がありますので、タイムスタンプでミリ秒数の残り時間を取得し、最後に残りの時間を天、時、分、秒の書式に変換します.
変換式:
d = parseInt( /60/60/24); //
h = parseInt( /60/60 % 24); //
m = parseInt( /60 % 60); //
s = parseInt( % 60); //
コードの実装:
// : -
function countdown(time) {
var inputime = +new Date(time); // =
var nowtime = +new Date(); //
var times = (inputime - nowtime) / 1000; //1s = 1000ms
//
var d = parseInt(times / 24 / 60 /60); //
d = d < 10 ? '0' +d : d;
var h = parseInt(times / 60 / 60 % 24); // ,24
h = h < 10 ? '0' +h : h;
var m = parseInt(times / 60 % 60); // ,60
m = m < 10 ? '0' +m : m;
var s = parseInt(times % 60); // ,60
s = s < 10 ? '0' +s : s;
return d + ' ' + h + ' ' + m + ' ' + s +' ';
}
console.log(countdown('2020-7-14 00:00:00'));