// 에드센스
반응형
    <div id="countdown">03.00</div>
    <div id="txt"></div>

    <script>
        (async () => {
            let time = 3;
            await countDown(time);
            console.log('test');

            // 화면에 표시하는 함수를 정의합니다.
            function countDown(time) {
                return new Promise(async (resolve, reject) => {
                    var len = time * 100 + 1;
                    for (let i = 0; i <= len; i++) {
                        time -= 0.01;

                        // 남은 시간이 0보다 작으면 0으로 설정합니다.
                        time = Math.max(time, 0);

                        var seconds = time.toFixed(2);
                        var formattedTime = seconds.padStart(5, '0');

                        document.getElementById('countdown').innerText = formattedTime;

                        await new Promise((succ) => setTimeout(succ, 10));
                    }

                    resolve();
                });
            }
        })();
반응형

+ Recent posts