js倒计时,正计时

Billow_lamb

已于 2023-07-25 17:10:53 修改

阅读量2.5k

点赞数

文章标签： js

于 2021-02-24 10:44:40 首次发布

本文链接：https://blog.csdn.net/Billow_lamb/article/details/114013056

版权

技术交流群 : 企鹅群 306671879
js倒计时

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="box"></div>
  <script>
    function counDownTime() {
      let a = '2021-2-26 00:00:00'
      let s = new Date(a).getTime()
      let timeDtart = new Date().getTime()
      let start =  s - timeDtart
      //3600 代表1个小时60分钟 1分60秒
      let day = Math.floor(start / (3600 * 24 *1000)) 
      let shi = Math.floor(start / (1000 * 3600) % 24) // 取余一天24小时
      let fen = Math.floor(start / (1000 * 30) % 60) // 取余一小时60分钟
      let m  = Math.floor(start / (1000 ) % 60)// 取余一分钟60秒
      return day + "天" + shi + ":" + fen + ":" + m 
    }
    setInterval(()=>{
      document.getElementById('box').innerHTML =  counDownTime()
    },1000)
  </script>
</body>
</html>

js正计时

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="box1"></div>
  <script>
    function timingTime(){
      let start = '2021-2-24 10:00:00'
      let startTime = new Date(start).getTime()
      let currentTime = new Date().getTime()
      let difference = currentTime - startTime
      let m =  Math.floor(difference / (1000))
      let mm = m % 60  // 秒
      let f = Math.floor(m / 60)
      let ff = f % 60 // 分钟
      let s = Math.floor(f/ 60) // 小时
      let ss = s % 24
      let day = Math.floor(s  / 24 ) // 天数
      return day + "天" + ss + "时" + ff + "分" + mm +'秒'
    }
    setInterval(()=>{
      document.getElementById('box1').innerHTML = timingTime()
    },1000)
  </script>
</body>
</html>

Billow_lamb

关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
js倒计时,正计时

js倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum
复制链接

扫一扫