← 테크 노트

INVITEME JOURNAL

일정시간 간격으로 특정 DIV 새로고침

2023-11-12 · INVITEME · 조회 3

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 


<div id="newrefresh"> 내용 </div>

<div id="newrefresh2"> 내용 </div> 


<script>

setInterval(function() {

$("#newrefresh").load(window.location.href + " #newrefresh");

}, 5000);

setInterval(function() {

$("#newrefresh2").load(window.location.href + " #newrefresh2");

}, 5000);

</script>



사용용도 : 실시간으로 바뀐 일정표 같은 것을 보여줄 때 소스에서 바꾸면 일반 사용자는 새로고침을 안 해도 볼 수 있게 하는것에 쓰였음....(급박할 때만 사용하시길)

편범사용 : node.js 지원하지 않는 호스팅에서 php로 채팅 구현시 한 적 있음. 

LET’S MAKE IT HAPPEN

다음 만남을,
함께 만들어 볼까요?

↗