js實現(xiàn)簡單的倒計時
本文實例為大家分享了js實現(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='http://www.intensediesel.com/bcjs/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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. PHP中Too few arguments to function的問題及解決2. vs code運行vue項目的方法步驟3. Asp.net Core項目配置HTTPS支持4. jsp 使用request為頁面添加靜態(tài)數(shù)據(jù)的實例5. 詳解Java中的不可變對象6. SixSix翻譯的XAML教程 語法簡介7. JSP動態(tài)網(wǎng)頁開發(fā)原理詳解8. vue項目如何監(jiān)聽localStorage或sessionStorage的變化9. python讀取excel進行遍歷/xlrd模塊操作10. Java-Exchange 連接器 - JEC 1.0 發(fā)布
網(wǎng)公網(wǎng)安備