728x90
반응형
Javascript - 3초 카운트 다운 후 3초마다 리로드 타이머 ( 새로고침 / 리플레쉬 / 리플리쉬 / Count Down / 카운트다운 / reflesh / reload / 자바스크립트 / HTML / timer )
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<script>
// 3초마다 리플리쉬 리로드
setTimeout(function(){
location.reload();
},3000); // 3000밀리초 = 3초
// 카운트 다운
let time = 3;
const interval = setInterval(function() {
time--;
if (time === 2) document.getElementById("timer").innerHTML = "2";
if (time === 1) document.getElementById("timer").innerHTML = "1";
if (time === 0) clearInterval(interval);
}, 1000);
</script>
<span class="badge bg-primary rounded-pill" id="timer">3</span>
|
cs |
728x90
반응형