DIV 자동 새로 고침 javascript

특정 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 스크립트를 구입할 수 있습니다.