잘 봤습니다~ requestanimationframe 사용에 질문이 있는데요~ 얘가 재귀로 작동하는 것으로 알고 있는데 애니메이션이 끝나도 캔슬에니메이션프레임을 안해주면 계속 함수가 실행되고 있는걸까요 ? 만약 0부터 500px까지 가는 애니메이션이 웹사이트에 있다고 하면 500px 이동 후 캔슬을 꼭 시켜줘야 하는지 궁금하네요~ 혹은 20초마다 실행되는 애니메이션이 있을때 애니메이션이 끝나면 20초 동안 캔슬 시켜주고 다시 함수실행 해주는게 맞는걸까요 ? setInterval 은 클리어를 꼭 시켜줬던걸로 기억해서 ㅎㅎ
안녕하세요 경원님^^ 여러가지 방법이 있을 수 있는데요, 보통 특정 변수의 값을 체크해서 범위를 결정하는 식으로 하시면 간단해요. requestAnimationFrame이 초당 약 60회 반복된다는 특징을 이용해서, n의 값이 120~240 일 때를 제외하고 콘솔창에 n 값을 출력하는 코드입니다. let n = 0; function foo() { n++; if (n < 120 || n >= 240) { console.log(n); } requestAnimationFrame(foo); } foo();
물론입니다. 특별할 것 없이, 반복시킬 함수 자체를 그냥 그렇게 구현하면 되는 거지요~ 이런 식으로요. let num = 0; function loop() { if (num === 0) { num = 1; } else { num = 0; } console.log(num); requestAnimationFrame(loop); } loop();
![[SUB] Master the scrolling text marquee effect in 5 minutes with JavaScript](http://i.ytimg.com/vi/z9hN9PXhe-A/mqdefault.jpg)
크흐 역시 설명 잘하십니다👍🏼👍🏼
감사합니다 !
헐 이런 꿀같은 강의 정말 감사합니다 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
완전 이해갔어요 감사합니다
인터렉티브웹의 세계는 또 새롭게 방대하네요😇😇감사합니다!
너무 쉽고 재밌네요 ~
정말 감사합니다!
혹시 일분이 캐릭터는 어떤 툴을 이용해서 그리시나요?
이번엔 감상후 후추천 !!
ㅋㅋㅋㅋ
눈으로 보면서 동작하는 걸 보니까 이해하기 쉬웠어요!
감사합니다 ㅎㅎ
감사합니다^^
알려준신걸로 뉴스티커기능을 구현시키고 싶어서 질문드려요 1번부터 5번텍스트 롤링이 2초간격으로 되는것까진 했는데 5번까지 롤링되면 다시 1번으로 돌아가는 반복을 어찌해야하는지 모르겠습니다ㅜㅜ
잘 봤습니다~ requestanimationframe 사용에 질문이 있는데요~
얘가 재귀로 작동하는 것으로 알고 있는데 애니메이션이 끝나도 캔슬에니메이션프레임을 안해주면 계속 함수가 실행되고 있는걸까요 ?
만약 0부터 500px까지 가는 애니메이션이 웹사이트에 있다고 하면 500px 이동 후 캔슬을 꼭 시켜줘야 하는지 궁금하네요~
혹은 20초마다 실행되는 애니메이션이 있을때 애니메이션이 끝나면 20초 동안 캔슬 시켜주고 다시 함수실행 해주는게 맞는걸까요 ?
setInterval 은 클리어를 꼭 시켜줬던걸로 기억해서 ㅎㅎ
아 네~ 계속 반복하는게 어쨋든 부담을 주는거기 때문에, 필요 없는 동안은 멈춰주는게 더 좋긴합니다!
Thank you
와... 씨 독학중인데 이 메서드 처음 봤네
역시나 1분코딩은 이해하기 쉽게 설명해주시네요ㅎㅎ
질문이 있는데요, requestAnimation 함수 안에서 특정조건에서 2초정도 지연을 주고싶어서 setTimeout을 했는데 지연되지가 않네요ㅠ 혹시 방법이 있을까요??
안녕하세요 경원님^^ 여러가지 방법이 있을 수 있는데요, 보통 특정 변수의 값을 체크해서 범위를 결정하는 식으로 하시면 간단해요.
requestAnimationFrame이 초당 약 60회 반복된다는 특징을 이용해서,
n의 값이 120~240 일 때를 제외하고 콘솔창에 n 값을 출력하는 코드입니다.
let n = 0;
function foo() {
n++;
if (n < 120 || n >= 240) {
console.log(n);
}
requestAnimationFrame(foo);
}
foo();
질문이 있습니다! requestanimationframe으로 console.log의 결과가 0, 1순서로 찍히도록 강제할 수도 있나요?
물론입니다. 특별할 것 없이, 반복시킬 함수 자체를 그냥 그렇게 구현하면 되는 거지요~ 이런 식으로요.
let num = 0;
function loop() {
if (num === 0) {
num = 1;
} else {
num = 0;
}
console.log(num);
requestAnimationFrame(loop);
}
loop();
@@studiomeal 아 그런 방법이 있군요! 친절히 답변해주셔서 감사해요!
센세라고 부르겠습니다