X초 후에 코드를 실행 : setTimeout
setTimeout(function(){ 실행할코드~ }, 기다릴시간);
👉 5초 후에 위의 <div>를 숨기기
const alert = document.querySelector(".alert");
setTimeout(function () {
alert.style.display = "none";
}, 5000);
X초 마다 코드를 실행: setInterval
setInterval(function(){ 실행할코드~ }, 기다릴시간);
👉 1초마다 5라는 문자를 1씩 감소시키고, 0이 되면 <div>를 안보이게 처리하기
const alert = document.querySelector(".alert");
const time = document.querySelector(".time");
let count = 5;
setInterval(() => {
count--;
if (count == 0) {
alert.remove();
}
if (count >= 0) {
time.textContent = count;
}
}, 1000);
'JavaScript' 카테고리의 다른 글
| | JavaScript | Map / Set 등장 (0) | 2022.06.18 |
|---|---|
| | JavaScript | tab기능구현하기 ( 함수로 축약, dataset기능) (0) | 2022.06.06 |
| | JavaScript | 'DOM' preventDefault() 마우스 우클릭 제한, stopPropagation() 이벤트 전파 막기 (0) | 2022.05.18 |
| | JavaScript | 'DOM' 이벤트 흐름(Event Flow), target, currentTarget, 이벤트 위임 (0) | 2022.05.18 |
| | JavaScript | 'DOM' 제어 명령어 (0) | 2022.05.17 |