js實(shí)現(xiàn)簡單的倒計(jì)時(shí)
本文實(shí)例為大家分享了js實(shí)現(xiàn)簡單倒計(jì)時(shí)的具體代碼，供大家參考，具體內(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.lshqa.cn/bcjs/3.小于10補(bǔ)零封裝.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’); //用戶輸入時(shí)間距離1970年1月1日 總毫秒數(shù) setInterval(countTime, 1000); countTime(); function countTime() { var nowTime = +new Date(); //當(dāng)前時(shí)間距離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) //時(shí) div[1].innerHTML = addZero(h) + ’時(shí)’; 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)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. Echarts通過dataset數(shù)據(jù)集實(shí)現(xiàn)創(chuàng)建單軸散點(diǎn)圖2. Laravel操作session和cookie的教程詳解3. css進(jìn)階學(xué)習(xí) 選擇符4. 阿里前端開發(fā)中的規(guī)范要求5. 解析原生JS getComputedStyle6. XML入門精解之結(jié)構(gòu)與語法7. XML入門的常見問題(一)8. 將properties文件的配置設(shè)置為整個(gè)Web應(yīng)用的全局變量實(shí)現(xiàn)方法9. html小技巧之td,div標(biāo)簽里內(nèi)容不換行10. PHP字符串前后字符或空格刪除方法介紹
網(wǎng)公網(wǎng)安備