[JavaScript] 특정 div의 내용을 일정 시간마다 새로고침하기
페이지 정보
루루아빠
15,604 1
2016.03.20 06:24:31
짧은주소
-
https://yadolee.com/tip/389 주소복사
본문
<div class="sample">
내용
</div>
위와 같은 소스가 있다면 다음과 같이 추가한다
<div class="example">
<div id="sample">
내용
</div>
</div>
<script>
function autoRefresh_sample_div()
{
var currentLocation = window.location;
$("#sample").fadeOut('slow').load(currentLocation + ' #sample').fadeIn("slow");
}
setInterval('autoRefresh_sample_div()', 30000); //30초 후 새로고침
</script>
상기 소스의 div id값 sample을 사용자 임의로 정한 값으로 변경하면 된다.
<div id="sample" class="example">과 같이 하지 않고 따로 <div>로 감싼 이유는 원 <div class="example">내용</div>가 의도치 않은 모양으로 나타날 수 있기 때문이다.
또한 .fadeOut('slow')와 .fadeIn("slow")는 굳이 필요한 스크립트는 아니나 효과를 주기 위함이고 slow 대신 fast, 혹은 숫치 값을 입력해도 된다.
추천인 1
레벨 101
경험치 1,519,440
Progress Bar 14.66%
- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS
BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑
루루아빠랍니다~~
최신댓글이 없습니다.


댓글
첫 번째 댓글을 남겨 주세요