本篇文章為大家展示了使用JavaScript怎么實現(xiàn)一個倒計時功能,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./3.小于10補零封裝.js"></script> <style> div { float: left; width: 100px; height: 100px; background-color: #000; text-align: center; line-height: 100px; color: #fff; font-size: 30px; margin-right: 10px; } </style> </head> <body> <div></div> <div></div> <div></div> <div></div> <script> var div = document.getElementsByTagName('div'); var inputTime = +new Date('2021-02-05 00:00:00'); //用戶輸入時間距離1970年1月1日 總毫秒數(shù) setInterval(countTime, 1000); countTime(); function countTime() { var nowTime = +new Date(); //當前時間距離1970年1月1日 總毫秒數(shù) // console.log(timer); var times = (inputTime - nowTime) / 1000; //秒 var d = parseInt(times / 60 / 60 / 24); //天 div[0].innerHTML = addZero(d) + '天'; var h = parseInt(times / 60 / 60 % 24) //時 div[1].innerHTML = addZero(h) + '時'; var m = parseInt(times / 60 % 60); //分 div[2].innerHTML = addZero(m) + '分'; var s = parseInt(times % 60); //秒 div[3].innerHTML = addZero(s) + '秒'; } </script> </body> </html>
上述內(nèi)容就是使用JavaScript怎么實現(xiàn)一個倒計時功能,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
本文標題:使用JavaScript怎么實現(xiàn)一個倒計時功能-創(chuàng)新互聯(lián)
標題鏈接:http://sd-ha.com/article34/goepe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、服務(wù)器托管、網(wǎng)頁設(shè)計公司、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站建設(shè)、網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容