首頁  >  文章  >  web前端  >  javascript怎麼實現還有多少天多少小時多少分的倒數效果

javascript怎麼實現還有多少天多少小時多少分的倒數效果

WBOY
WBOY原創
2021-11-24 18:57:254592瀏覽

方法:1、利用Date()和getTime()方法取得指定時間的毫秒數和目前時間的毫秒數;2、將兩個毫秒數相減,取得時間差;3、利用「parseInt (時間差/毫秒數)」語句格式化時間差,計算出倒數計時所需的天數、小時數和分鐘數,並輸出即可。

javascript怎麼實現還有多少天多少小時多少分的倒數效果

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript怎麼實現還有多少天多少小時多少分倒數計時

#使用JavaScript完成指定的日期的倒數計時,例如距離活動還有多少時間結束,下面我們透過範例來看一下應該怎樣實作;

1.使用時間物件的getTime()方法取得所有的毫秒數

2.將指定時間的毫秒數和目前時間的毫秒數相減得到中間相差的毫秒數

3.每一天的毫秒數為:1000*60*60*24 就是1000毫秒*60秒*60分*24小時等於一天的毫秒數

4.倒過來用總的毫秒數除以一天的毫秒數再使用parseInt方法取整就可以得到整天數

5.相處剩下的我們可以使用取餘進行得到

6.所以採用的計算規則如下:

  •  整天:總的毫秒數/ 一天的毫秒數

  •  小時:(總的毫秒數/ 一小時的毫秒數) % 24小時(因為整小時部分已經被整天拿走了,相除剩下的就是剩餘小時數量,再取餘24小時就可以得到剩下多少小時)

  • 分鐘和小時的計算一樣,去掉整分鐘數,用剩下的分鐘數% 60分鐘就可以得到剩下的分鐘數

  • 秒的計算一樣

程式碼:

javascript怎麼實現還有多少天多少小時多少分的倒數效果

執行:

javascript怎麼實現還有多少天多少小時多少分的倒數效果

【推薦學習:javascript進階教學

以上是javascript怎麼實現還有多少天多少小時多少分的倒數效果的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn