inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

232

Nosugar

작성한 질문수 12

1

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

* conuntBox --> countBox

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

javascript HTML/CSS 인터랙티브-웹 jquery

답변 1

1

깡코딩

안녕하세요 

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

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

0

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

다음강의 언제나오나요 다음강의는 인터렉티브한 전체적인 웹사이트였으면 좋겠네요

0

196

1

반응형에 대해 질문이 있습니다 !

0

365

1

날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?

0

379

1

함수가 정의되기 전에 함수 호출

0

342

1

섹션12 보너스 챕터에 관한 질문입니다!

0

468

1

5-3-1 강좌 섹션 질문 합니다.

0

310

1

죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.

1

462

3

화면 높이 관련 질문 있습니다.

1

433

1

선생님

0

369

1

5-2 vanilla.html 질문합니다.

0

420

1

5-3-2 질문입니다.

1

291

1

5-2 추가 질문이요

0

345

2

5-2 ! 질문이요.

0

266

1

안녕하세요!

0

272

1

질문드립니다.

1

365

2

질문드립니다.

0

1664

3

색션6강 카운트관련 문의드립니다!

0

237

1

섹션5 관련 질문드립니다.

0

261

1

setProperty 를 재활용 하고싶습니다.

0

210

1

IntersectionObserver

0

255

1

offsetheight와 scrollheight

0

396

1

완성된코드를 그대로 가져왔는데 크기가 이상해요

0

426

2

2:56에 10씩 증가시키는건 어떻게 하신건가요?

0

313

1

<script>에 $(function(){})으로 감싸준 이유

0

204

1