用JS写距离国庆还有多长时间的倒计时写法 

<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>

 

posted @ 2021-06-25 20:14  JSkolo_yyds  阅读(491)  评论(0)    收藏  举报