時間 JS倒計時

2021-10-06 21:39:38 字數 1051 閱讀 1267

例:倒計時效果

1.核心演算法:輸入的時間減去現在的時間就是剩餘的時間,即倒計時 ,但是不能拿著時分秒相減,比如 05 分減去25分,結果會是負數的。

2.用時間戳來做。使用者輸入時間總的毫秒數減去現在時間的總的毫秒數,得到的就是剩餘時間的毫秒數。

3.把剩餘時間總的毫秒數轉換為天、時、分、秒 (時間戳轉換為時分秒)

轉換公式如下:

d = parseint(總秒數/ 60/60 /24); // 計算天數

h = parseint(總秒數/ 60/60 %24) // 計算小時

m = parseint(總秒數 /60 %60 ); // 計算分數

s = parseint(總秒數%60); // 計算當前秒數

function countdown(time)

var times = (inputtime - nowtime)/1000;//因為是毫秒

var days = parseint(times / 60 / 60 / 24);

var hours = parseint(times / 60 / 60 % 24);

var mintues = parseint(times / 60 % 60);

var seconds = parseint(times % 60);

days = days < 10 ? '0' + days : days;

hours = hours < 10 ? '0' + hours : hours;

mintues = mintues < 10 ? '0' + mintues : mintues;

seconds = seconds < 10 ? '0' + seconds : seconds;

return days + '天' + hours + '時' + mintues + '分' + seconds + '秒';

}console.log(countdown('2020-6-6 15:00:00'));

今日心得:常用的商場倒計時,時間戳得到的是毫秒,不是秒。

JS時間倒計時

單個控制項對應的時間倒計時 時間倒計時js,具體控制項使用寫法,主要是兩個控制項id要注意。hidtimeid 需要計算的時間控制項的id。由於是用value取得資料的,需要控制項能有value可取 text最好 不然也可以修改取值方式。showtimeid 返回的時間展示的控制項id。由於是用in...

js 時間倒計時

objelement 元素物件,strhtml 元素內的字元格式,yutimespan 倒計時毫秒數,endfunc 結束處理函式 function initialtimer objelement,strhtml,yutimespan,endfunc 1 formathtml.indexof 1 f...

js倒計時,秒倒計時,天倒計時

html 1 html 2 距某某開幕式還有 天 html html html id timer style color red 這次利用系統時間自校驗倒計時,無需手工調校使得倒計時更為精確,及詳細注釋如下 id clock 00 01 11 00 id startb type button val...