홈페이지 제작팁

Home ›Study ›WEB ›퍼블팁 ›jQuery

[jQuery] each, loop, setInterval 활용

2018년 05월 28일

<일정한 시간이 지나면 다음 글이 펼쳐진다.>

재귀함수나 for 문으로 해보는 것도 알아봤지만 하는 방법을 정확히 모르겠다.

배은식님께서 setInterval 을 알려주셨다.

https://codepen.io/eun-shick-bae/pen/zaOYww?editors=1011

https://codepen.io/eun-shick-bae/pen/zaOYww?editors=1011

https://codepen.io/eun-shick-bae/pen/zaOYww?editors=1011

https://codepen.io/eun-shick-bae/pen/zaOYww?editors=1011

기본 소스 참고

https://stackoverflow.com/questions/10614521/settimeout-not-working-with-jquery-each-this?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa

https://stackoverflow.com/questions/10614521/settimeout-not-working-with-jquery-each-this?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa

기본 소스 참고 데모

http://jsfiddle.net/Cc5sG/1/

http://jsfiddle.net/Cc5sG/1/

그 밖에 참조

https://codepen.io/eond/pen/jPoNVQ

https://codepen.io/eond/pen/jPoNVQ

https://codepen.io/eond/pen/qOBJPJ

https://codepen.io/eond/pen/qOBJPJ

each문 사용방법

http://www.spatium.co.kr/languages/content.php?chno=12&bno=57

http://www.spatium.co.kr/languages/content.php?chno=12&bno=57

http://annotations.tistory.com/59

http://annotations.tistory.com/59

setInterval 을 사용한 다른 예제

https://codepen.io/ricky/pen/xKycm

https://codepen.io/ricky/pen/xKycm

그 밖에 jQuery에 대해서 좀 더 알아볼 수 있는 사이트

http://hong.adfeel.info/category/frontend/jquery/

http://hong.adfeel.info/category/frontend/jquery/

https://learn.jquery.com/performance/append-outside-loop/

https://learn.jquery.com/performance/append-outside-loop/