JavaScript

[DOM_Event] JS - open 이벤트 (= onopen 속성) - 이벤트소스와의 연결 열릴 때 이벤트발생 [서버센트이벤트] (IE지원 X)

open 예제

 

<h1 id="hz"></h1>

<div id="s_time"></div>


<script>

if(typeof(EventSource) !== "undefined") {

  var source = new EventSource("/server_time.php");

  source.onopen = function() {

    document.getElementById("hz").innerHTML = "홈짱닷컴 (Homzzang.com) 서버갱신시간";

  };

  

  source.onmessage = function(event) {

    document.getElementById("s_time").innerHTML += event.data + "<br>";

  };


} else {

  document.getElementById("s_time").innerHTML = "서버전송이벤트 지원않는 브라우저는 개나 줘버려.";

}

</script>

 


/server_time.php 소스

 

<?php

header('Content-Type: text/event-stream');

header('Cache-Control: no-cache');


$time = date('r');

echo "data: 서버시간: {$time}\n\n";

flush();

?>

 



분류 제목
DOM_Event JS - fullscreenchange -
DOM_Event JS - fullscreenerror -
DOM_Event JS - hashchange -
DOM_Event JS - input 이벤트 (= oninput 속성) ★ - 입력이벤트 (= 인풋이벤트) (IE9)
DOM_Event JS - invalid -
DOM_Event JS - keydown 이벤트 (= onkeydown 속성) ★ - 키보드키누르기 (= 키보드키누름 = 키다…
DOM_Event JS - keypress 이벤트 - [페기예고] 키보드키 눌렀을 때 실행 (= onkeypress속성 = 온…
DOM_Event JS - keyup 이벤트 (= onkeyup 속성) ★ - 키보드키 올리기 이벤트 (= keyup이벤트 =…
DOM_Event JS - load 이벤트 (= onload 속성) - 모든 웹문서 로드 완료 (= load이벤트 = 로드이벤…
DOM_Event JS - loadeddata -
DOM_Event JS - loadedmetadata -
DOM_Event JS - loadstart -
DOM_Event JS - message 이벤트 (= onmessage 속성) - 이벤트 메시지 수신 이벤트 (= onmess…
DOM_Event JS - mousedown 이벤트 (= onmousedown 속성) - 마우스버튼누르기 (= mousedow…
DOM_Event JS - mouseenter 이벤트 (= onmouseenter 속성) ★ - 마우스포인터 요소안 이동 (=…
3/12
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 2
웹유틸
회원센터
홈짱닷컴 PC버전 로그인