DIV 자동 새로 고침 javascript

0

특정 DIV를 5초마다 자동으로 새로 리로드하는 것과 같이 DIV를 새로 고침하는 javascript 스크립트 예제입니다. 다음 스크립트를 사용하면 실시간으로 예약 상황을 업데이트하거나, 실시간으로 채팅 메시지를 새로 고침하는 등의 기능을 구현할 수 있습니다.

<script langauge="javascript">
var counter = 0;
window.setInterval("refreshDiv()", 5000);
function refreshDiv(){
counter = counter + 1;
document.getElementById("test").innerHTML = "Testing " + counter;
}
</script>
// Source: JavaRanch

특정 시간이 지나면 HTML 페이지의 DIV/SPAN을 새로 고치려면 다음과 같은 스크립트를 사용할 수 있습니다.

function autoRefresh_div()
{
$("#result").load("load.html");
}
setInterval('autoRefresh_div()', 5000); // 5초 후에 div 새로 고침
// Source: devzone.co.in

현재 DIV를 일정 간격으로 리로드하려면 다음 스크립트를 사용합니다.

function autoRefresh_div()
{
var currentLocation = window.location;
$("#myid").load(currentLocation + ' #myid);
}
setInterval('autoRefresh_div()', 3000);

JavaScript/jQuery 템플릿:

기능을 직접 구현하는 것에 어려움을 겪거나 시간이 많이 소요되어 시간을 절약하고 싶은 경우 워드프레스 플러그인, PHP 스크립트 등 다양한 유형의 코드를 판매하는 CodeCanyon에서 비교적 저렴한 비용에 다양한 기능(예: 슬라이더, 동영상 플레이어 등)의 자바스크립트/jQuery 템플릿이나 PHP 스크립트를 구입할 수 있습니다.

코드캐년에서 판매되는 javascript/jQuery 템플릿
CodeCanyon에서 판매되는 javascript/jQuery 템플릿

댓글 남기기

댓글을 입력해주세요!
이름을 입력해주세요