活動倒計時簡單

var hour = document.querySelector('.hour'); // 小時的黑色盒子
        var minute = document.querySelector('.minute'); // 分鐘的黑色盒子
        var second = document.querySelector('.second'); // 秒數的黑色盒子
        var inputTime = +new Date('2020-3-12 15:14:50'); // 返回的是用戶輸入時間總的毫秒數
        countDown(); // 我們先調用一次這個函數,防止第一次刷新頁面有空白 
        // 2. 開啓定時器
        let count = setInterval(countDown, 1000);

        function countDown() {
            var nowTime = +new Date(); // 返回的是當前時間總的毫秒數
            var times = (inputTime - nowTime) / 1000; // times是剩餘時間總的秒數 
            var h = parseInt(times / 60 / 60 % 24); //時
            h = h < 10 ? '0' + h : h;
            hour.innerHTML = h; // 把剩餘的小時給 小時黑色盒子
            var m = parseInt(times / 60 % 60); // 分
            m = m < 10 ? '0' + m : m;
            minute.innerHTML = m;
            var s = parseInt(times % 60); // 當前的秒
            s = s < 10 ? '0' + s : s;
            second.innerHTML = s;
            if (times<=0){
                // clearInterval(count);
                hour.parentElement.style.display = "none";
            }
        }
    </script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章