用JS寫距離國慶還有多長時間的倒計時寫法
阿新 • • 發佈:2021-06-25
<body> <h1>距離國慶還有</h1> <p id="p1"></p> <script> var future = new Date('2021-10-1 19:39:0') var date = new Date() var gap = future - date console.log(gap) gap = parseInt(gap / 1000) console.log(gap) var day = parseInt(gap / (24 * 3600)) console.log(day)var hour = parseInt(gap % (24 * 3600) / 3600); var min = parseInt(gap % 3600 / 60); var sec = parseInt(gap % 60); $('p1').innerHTML = ` ${day}天 ${hour}:${min}:${sec} ` setInterval(function () { //獲取一個未來的時間 var future = new Date('2021-10-1 19:39:0')var date = new Date() var gap = future - date console.log(gap) gap = parseInt(gap / 1000) console.log(gap) var day = parseInt(gap / (24 * 3600)) console.log(day) var hour = parseInt(gap % (24 * 3600) / 3600); var min = parseInt(gap % 3600 / 60);var sec = parseInt(gap % 60); $('p1').innerHTML = ` ${day}天 ${hour}:${min}:${sec} ` }, 1000) function $(id) { return document.getElementById(id) } </script>