setTimeout 기본 사용법
setTimeout(() => {
// 내용
}, 밀리초);
JavaScript
복사
1.
반복되는 부분을 함수로 작성하여 중복 제거
// 반복되는 부분을 함수로
const showBall = (number, $target) => {
const $ball = document.createElement('div');
$ball.className = 'ball';
$ball.textContent = number;
$target.appendChild($ball);
}
setTimeout(() => {
showBall(winBall[0], $result);
}, 1000);
setTimeout(() => {
showBall(winBall[1], $result);
}, 2000);
setTimeout(() => {
showBall(winBall[2], $result);
}, 3000);
setTimeout(() => {
showBall(winBall[3], $result);
}, 4000);
setTimeout(() => {
showBall(winBall[4], $result);
}, 5000);
setTimeout(() => {
showBall(winBall[5], $result);
}, 6000);
setTimeout(() => {
showBall(winBall[6], $bonus);
}, 7000);
JavaScript
복사
2.
반복문으로 중복 제거
for(let i=0; i<6; i++) {
setTimeout(() => {
showBall(winBall[i], $result);
}, (i + 1) * 1000)
}
JavaScript
복사
3.
반복문을 map으로 바꿔보기
전체 코드
