javascript_天时分秒转化

默认为当前时间 至 指定截止日期的 剩余 时间

天/时 /分/ 秒
  <div id="over_time">
    <span id="tian"> 00 </span>:
    <span id="hour"> 00 </span>:
    <span id="second"> 00 </span>:
    <span id="miaos"> 00 </span>
  </div>

<script>
    var timeZ = 1000 //设置定时器循环周期
    var overTime = '2021/03/16 00:00:00' //截至时间

    var tian = ''
    var hour = ''
    var second = ''
    var miaos = ''
    var tainDom = document.getElementById('tian')
    var hourDom = document.getElementById('hour')
    var secondDom = document.getElementById('second')
    var miaosDom = document.getElementById('miaos')

    var over_timeDom = document.getElementById('over_time')

    new Date().getTime()  //当前时间

    if (new Date(overTime).getTime() - new Date().getTime() <= 0) {
      over_timeDom.innerHTML = '已过截止时间'
    } else {

      var timeCodes = setInterval(function () {

        // 天数   =  （截止时间戳 - 当前时间戳）/  86400000
        var thisTimeC = new Date().getTime()
        var overTimeC = new Date(overTime).getTime()
        var shengyuTime = overTimeC - thisTimeC  //剩余时间 时间戳

        tian = parseInt(shengyuTime / 86400000)
        // console.log( tian ,  'tian')
        tainDom.innerHTML = (tian + '').length < 2 ? ('0' + tian) : tian

        //剩余小时 = (截止时间戳 - 当前剩余天数*86400000)/3600000 
        hour = parseInt((shengyuTime - tian * 86400000) / 3600000)

        // console.log( hour, 'hour'  )
        hourDom.innerHTML = (hour + '').length < 2 ? ('0' + hour) : hour
        //剩余 分钟 = ( 截止时间戳 - 当前剩余天数*86400000 -  hour*3600000)
        second = parseInt((shengyuTime - tian * 86400000 - hour * 3600000) / 60000)

        // console.log( second , 'second'  )
        secondDom.innerHTML = (second + '').length < 2 ? ('0' + second) : second
        //剩余秒 = ( 截止时间戳 - 当前剩余天数*86400000 -  hour*3600000 -  second*60000)
        miaos = parseInt((shengyuTime - tian * 86400000 - hour * 3600000 - second * 60000) / 1000)

        // console.log( miaos , 'miaos' )
        miaosDom.innerHTML = (miaos + '').length < 2 ? ('0' + miaos) : miaos

      }, timeZ)
    }

  </script>