js實現簡單的倒計時
本文實例為大家分享了js實現簡單倒計時的具體代碼，供大家參考，具體內容如下
代碼：
<!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.gepszalag.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日 總毫秒數 setInterval(countTime, 1000); countTime(); function countTime() { var nowTime = +new Date(); //當前時間距離1970年1月1日 總毫秒數 // 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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。
相關文章：
1. 怎樣才能用js生成xmldom對象，并且在firefox中也實現xml數據島？2. 基于javaweb+jsp實現企業車輛管理系統3. ASP.Net MVC利用NPOI導入導出Excel的示例代碼4. 利用ajax+php實現商品價格計算5. jstl 字符串處理函數6. JSP動態網頁開發原理詳解7. .Net core Blazor+自定義日志提供器實現實時日志查看器的原理解析8. PHP中為什么使用file_get_contents("php://input")接收微信通知9. IOS蘋果AppStore內購付款的服務器端php驗證方法(使用thinkphp)10. XML CDATA是什么？
網公網安備