อันนี้พอได้เปล่าครับนั่งทำให้เมื่อกี้ ลองเอาไปใช้งานดูนะครับ ผมใช้ jquery เอานะครับ
สร้าง 3 ไฟล์ ดังนี้
test.php << เป็นไฟล์ที่แสดงข้อมูล
time.php << แสดงข้อมูลที่ jquery ไปดึงมาแสดงตามระยะเวลาที่กำหนดไว้ครับ
jquery.js << อันนี้หาดาวน์โหลดในเว็บไซต์ของ jquery ได้เลยครับ
กำหนดเวลาได้ที่คำสั่ง setTimeout("getRefresh();", 1000); นะครับ ตัวเลข 1000=1วินาที ปรับตรงนี้ได้เลยอยากได้กี่นาทีก็คูณเข้าไปนะครับ
ไฟล์
test.php
<html>
<head>
<script src="jquery.js"></script>
<script type="text/javascript">
function getRefresh() {
$("#auto").show("slow");
$("#autoRefresh").load("time.php", '', callback);
}
function callback() {
$("#autoRefresh").fadeIn("slow");
setTimeout("getRefresh();", 1000);
}
$(document).ready(getRefresh);
</script>
</head>
<body>
Time No Refresh =
<?
echo date("H:i:s");
?>
<br>
Auto Refresh =
<div id="autoRefresh">
<?
echo date("H:i:s");
?>
</div>
</body>
ไฟล์ time.php
<?
echo date("H:i:s");
?>
ผิดพลาดประกาศใดขออภัยด้วยนะครับ
พัฒนาเว็บไซต์
