STUDY/Javascript & Typescript

[자바스크립트] setTimeout() 사용하기 / 비동기?

ez1n 2022. 2. 25. 05:06

[Java Script_ setTime()]

 

타이머 함수에 대해 알아보자

 


<STUDY>

 

 setTimeout

 

   - 비동기 함수

setTimeout(() => {
  //실행 내용
}, /*time*/)

   - setTimeout 함수 안에 실행할 내용을 넣고 time 부분에 출력하고 싶은 시간을 입력한다.

   - time은 [1000 == 1초]로 정의

   - 입력한 시간 뒤에 결과가 출력된다.

 

❓비동기

 

   - 특정 코드가 실행되기 전 다음 코드가 먼저 실행되는 것.

   - 콜백 함수, promise 등도 비동기 방식이다.

 

🕙 예시

 

   - 3초 뒤에 "ttugttag!"을 출력하게 해놓았다.

setTimeout(() => {
  console.log("ttugttag!");
}, 3000);
console.log("I");
console.log("study");
console.log("hard");

 

🕙 결과

setTimeout 실행결과

   - 뒤에 있는 코드가 먼저 실행되고 setTimeout 함수 부분은 지정한 3초 뒤에 실행되었다.

 

 


 

내가 보려고 정리하는 자바스크립트🔆

 

👉ez1n github 구경하기👈

 

 

ez1n - Overview

Study -ing. ez1n has 5 repositories available. Follow their code on GitHub.

github.com