인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

Nosugar님의 프로필 이미지
Nosugar

작성한 질문수

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

6-2 [코드설명] 오늘 날짜 카운트 스크립트 만들기

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

작성

·

183

1

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

* conuntBox --> countBox

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

javascriptHTML/CSS인터랙티브-웹jquery

답변 1

1

깡코딩님의 프로필 이미지
깡코딩
지식공유자

안녕하세요 

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

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

Nosugar님의 프로필 이미지
Nosugar
질문자

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

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);
}

Nosugar님의 프로필 이미지
Nosugar

작성한 질문수

전체 Q&A
질문하기