목록setTimeout 내의 반복문은 let으로 (1)

Simple Is Best

24. [JavaScript] setTimeout

이번 포스팅은 간단하게 보고 지나가겠습니다. 오늘의 Target 버튼을 클릭하면 '안녕하세요' 가 차례대로 0.5초의 간격을 두고 출력되는 애니메이션을 구현해보도록 하겠습니다. setTimeout 몇 초 후에 실행해주는 자바스크립트의 내장 함수입니다. 첫번째 인자에는 콜백함수 두번째 인자에는 몇 초 후에 실행할 건지에 대한 시간이 들어갑니다. (단위: 밀리초, 1000밀리초 -> 1초) setTimeout(()=>{ // 실행할 코드 }, 밀리초); 메인 코드 HTML 안녕하세요 눌러봐 ▶ 우리는 0.5 초마다 글씨를 출력해야 합니다. 따라서, setTimeout 을 반복문 내에서 동작시킵니다. 500(0.5초) , 1000(1초) , 1500(1.5초), 2000(2초) ..... 등으로 실행시킵니다...
JavaScript & JQuery 2021. 8. 9. 20:18
이전 Prev 1 Next 다음