반응형
<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();
});
}
})();
반응형
'프로그램 > jquery' 카테고리의 다른 글
| javascript setcookie (0) | 2014.12.01 |
|---|---|
| 이미지 업로드전 업로드되는 이미지 미리보기기능 구현.(파일업로드 없이) (0) | 2014.12.01 |
| 숫자만입력, 한글만입력 (0) | 2014.12.01 |
| javascript 날짜설정. (0) | 2014.12.01 |
| jquery의 폼선택. (0) | 2014.12.01 |
