這篇文章主要講解了“javascript如何實(shí)現(xiàn)還有多少天多少小時多少分的倒計時效果”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“javascript如何實(shí)現(xiàn)還有多少天多少小時多少分的倒計時效果”吧!
10余年品牌的成都網(wǎng)站建設(shè)公司,上千家企業(yè)網(wǎng)站設(shè)計經(jīng)驗.價格合理,可準(zhǔn)確把握網(wǎng)頁設(shè)計訴求.提供定制網(wǎng)站建設(shè)、成都做商城網(wǎng)站、微信平臺小程序開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等服務(wù),我們設(shè)計的作品屢獲殊榮,是您值得信賴的專業(yè)網(wǎng)站制作公司。
方法:1、利用Date()和getTime()方法獲取指定時間的毫秒數(shù)和當(dāng)前時間的毫秒數(shù);2、將兩個毫秒數(shù)相減,獲取時間差;3、利用“parseInt(時間差/毫秒數(shù))”語句格式化時間差,計算出倒計時需要的天數(shù)、小時數(shù)和分鐘數(shù),并輸出即可。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript怎樣實(shí)現(xiàn)還有多少天多少小時多少分倒計時
使用JavaScript完成指定的日期的倒計時,例如距離活動還有多少時間結(jié)束,下面我們通過示例來看一下應(yīng)該怎樣實(shí)現(xiàn);
1.使用時間對象的getTime()方法獲取所有的毫秒數(shù)
2.將指定時間的毫秒數(shù)和當(dāng)前時間的毫秒數(shù)相減得到中間相差的毫秒數(shù)
3.每一天的毫秒數(shù)為:1000*60*60*24 就是1000毫秒*60秒*60分*24小時等于一天的毫秒數(shù)
4.倒過來用總的毫秒數(shù)除以一天的毫秒數(shù)再使用parseInt方法取整就可以得到整天數(shù)
5.相處剩下的我們可以使用取余進(jìn)行得到
6.所以采用的計算規(guī)則如下:
整天:總的毫秒數(shù) / 一天的毫秒數(shù)
小時:(總的毫秒數(shù) / 一個小時的毫秒數(shù)) % 24小時(因為整小時部分已經(jīng)被整天拿走了,相除剩下的就是剩余小時數(shù)量,再取余24小時就可以得到剩下多少個小時)
分鐘和小時的計算一樣,去掉整分鐘數(shù),用余下的分鐘數(shù) % 60分鐘就可以得到剩下的分鐘數(shù)
秒的計算一樣
代碼:
運(yùn)行:
感謝各位的閱讀,以上就是“javascript如何實(shí)現(xiàn)還有多少天多少小時多少分的倒計時效果”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對javascript如何實(shí)現(xiàn)還有多少天多少小時多少分的倒計時效果這一問題有了更深刻的體會,具體使用情況還需要大家實(shí)踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注!