<dt id="list"></dt>
<script>
var chatManager = new function(){
var idle = true;
var interval = 500;
var xmlHttp = new XMLHttpRequest();
var finalDate = '';

// Ajax Setting
xmlHttp.onreadystatechange = function()
{
if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
{
// JSON 포맷으로 Parsing
res = JSON.parse(xmlHttp.responseText);
finalDate = res.date;

// 채팅내용 보여주기
chatManager.show(res.title);

// 중복실행 방지 플래그 OFF
idle = true;
}
}

// 채팅내용 가져오기
this.proc = function()
{
// Ajax 통신
xmlHttp.open("GET", "messages.php", true);
xmlHttp.send();
}

// 채팅내용 보여주기
this.show = function(data)
{
var o = document.getElementById('list');
var dt, dd;

// 채팅내용 추가
for(var i=0; i<data.length; i++)
{
o.appendChild(document.createTextNode(data[i]));

}
}



// interval에서 지정한 시간 후에 실행
setInterval(this.proc, interval);
}
</script>



messages.php
<?
$data[] = '하늘';
$date = date('Y-m-d H:i:s');
echo json_encode(array('date' => $date, 'title' => $data));
?>