블로그 이름

[javascript] setTimeout() 본문

개발/HTML

[javascript] setTimeout()

Hide 2024. 11. 7. 21:38

setTimeout 함수란 일정 시간이 지난 뒤 함수가 한 번 실행된다.

 

특정 시간에 javascript 코드를 실행하도록 타이머를 설정한다.

 

setTimeout(function() {

console.log("hi");

} 1000);

 

console.log("hello");

 

위 코드는 hello를 먼저 출력한 뒤, 1초 뒤 hi를 출력한다.

 

setTimeout은 비동기여서, 


setTimeout(function() {

console.log("hi 1");

} 5000);

 


setTimeout(function() {

console.log("hi 2");

} 3000);

 


setTimeout(function() {

console.log("hi 3");

} 1000);

 

위와 같이 설정하면, 1, 2, 3이 아닌 3, 2, 1 순으로 찍히게 된다. 

해당 부분을 주의하면 되겠다.

'개발 > HTML' 카테고리의 다른 글

[HTML] HTML Canvas 태그  (0) 2025.02.19
[Javascript] getMonth() 메소드가 0부터 시작하는 이유  (0) 2024.10.30
[HTML] INPUT 입력 이벤트 순서  (0) 2024.10.29