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.piao2010.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. Spring security 自定義過濾器實現(xiàn)Json參數(shù)傳遞并兼容表單參數(shù)(實例代碼)2. Java8內(nèi)存模型PermGen Metaspace實例解析3. python tkinter實現(xiàn)下載進度條及抖音視頻去水印原理4. 一文搞懂 parseInt()函數(shù)異常行為5. 聊聊python在linux下與windows下導(dǎo)入模塊的區(qū)別說明6. python學(xué)習(xí)之plot函數(shù)的使用教程7. python 實現(xiàn)"神經(jīng)衰弱"翻牌游戲8. ASP.NET MVC使用正則表達式驗證手機號碼9. Python基于百度AI實現(xiàn)抓取表情包10. python中用Scrapy實現(xiàn)定時爬蟲的實例講解
網(wǎng)公網(wǎng)安備