• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

수정사항과 질문 ( delay , queue )

21.04.16 05:14 작성 조회수 110

1

1. 스펠링 수정하셔야될것같습니다~

* conuntBox --> countBox

2. delay와 queue 펑션을 사용하는 대신에 바닐라 자바스크립트에서는 어떻게 구현하는게 좋을까요? 여러번 setTimeOut을 쓰기에는 조금 불편해보이고, 자바스크립트로 이런구현을 하는데 고민을 해본 사람으로써, 혹시 방법이 있는지 여쭤봅니다. 예전에 저는 gsap의 staggerTo 펑션을 이용해서 구현했는데, 다른방법이 있는지요? 

답변 1

답변을 작성해보세요.

1

안녕하세요 

어떤 방법이 좋다 라고 단정지어 말하긴 힘들 것 같네요 :D

다양한 레퍼런스를 찾아 참고해 보세요.

Nosugar님의 프로필

Nosugar

질문자

2021.04.16

바닐라로 구현하는 방법을 찾았습니다. 

const countBoxes = document.querySelectorAll('.count_box');
const setDelay = (i) => {
setTimeout(() => {
countBoxes[i].classList.add('active');
}, 300 * i);
}

for (i = 0; i < 7; ++i) {
setDelay(i);
}