프로그램/jquery
javascript 타이머
킹콩맨
2024. 1. 5. 16:34
반응형
<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();
});
}
})();
반응형