메뉴 건너뛰기

Hello :0

[웹] ajax & php를 사용한 시계 예제

2016.01.24 20:35

Leekyu 조회 수:691

<?php
 $d1 = new DateTime;
 $d1->setTimezone(new DateTimezone("asia/seoul"));
 echo $d1->format('H:i:s');
?>
<html>
<script>
 setInterval(function(){
  var xhr = new XMLHttpRequest();
  xhr.open('GET', './time.php');
  xhr.onreadystatechange = function(){
   if(xhr.readyState === 4 && xhr.status === 200){
   document.querySelector('#time').innerHTML = xhr.responseText;
  }
 }
 xhr.send(); 
 }, 500);
</script> 
<body>
<p>time : <span id="time">Loading...</span></p>
</body>
</html>

time : 20:37:48

기본적인 ajax 통신 예제