📖
주기적으로 2개의 문서내용 실시간 업데이트
페이지 정보
본문
예제
connect.php
visit.php
내용을 5초마다 갱신[code]<div id="count"></div>
<div id="visit"></div>
<script>
function updateConnectCount() {
fetch("./connect.php")
.then(response => response.text())
.then(data => {
let connectCountElement = document.getElementById("count");
if (connectCountElement) {
connectCountElement.innerHTML = data;
}
})
.catch(error => console.error("업데이트 실패:", error));
fetch("./visit.php")
.then(response => response.text())
.then(data => {
let connectVisitElement = document.getElementById("visit");
if (connectVisitElement) {
connectVisitElement.innerHTML = data;
}
})
.catch(error => console.error("업데이트 실패:", error));
}
// 페이지가 로드되었을 때 처음 실행
updateConnectCount();
// 5초마다 갱신
setInterval(updateConnectCount, 5000);
</script>[/code]
connect.php
visit.php
내용을 5초마다 갱신[code]<div id="count"></div>
<div id="visit"></div>
<script>
function updateConnectCount() {
fetch("./connect.php")
.then(response => response.text())
.then(data => {
let connectCountElement = document.getElementById("count");
if (connectCountElement) {
connectCountElement.innerHTML = data;
}
})
.catch(error => console.error("업데이트 실패:", error));
fetch("./visit.php")
.then(response => response.text())
.then(data => {
let connectVisitElement = document.getElementById("visit");
if (connectVisitElement) {
connectVisitElement.innerHTML = data;
}
})
.catch(error => console.error("업데이트 실패:", error));
}
// 페이지가 로드되었을 때 처음 실행
updateConnectCount();
// 5초마다 갱신
setInterval(updateConnectCount, 5000);
</script>[/code]
댓글목록
등록된 댓글이 없습니다.
![]() ![]() |