특정 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);

기부를 통해 이 블로그의 운영을 후원하실 수 있습니다. 워드프레스와 관련하여 문제 해결이 필요한 경우 서비스를 의뢰(유료)하실 수 있습니다.

서비스 문의