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://m.baoyu77737.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)容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. 如何基于python3和Vue實現(xiàn)AES數(shù)據(jù)加密2. 10個提供免費PHP腳本下載的網(wǎng)站3. PHP擴展之APC——Alternative PHP Cache(可選PHP緩存)4. PHP設(shè)計模式（四）原型模式Prototype實例詳解【創(chuàng)建型】5. Java 基于UDP協(xié)議實現(xiàn)消息發(fā)送6. Python編寫nmap掃描工具7. Java向Runnable線程傳遞參數(shù)方法實例解析8. python 爬取嗶哩嗶哩up主信息和投稿視頻9. ASP.NET MVC前臺動態(tài)添加文本框并在后臺使用FormCollection接收值10. php5.6不能擴展redis.so的解決方法
網(wǎng)公網(wǎng)安備