|
|
|
รบกวนขอ scripts แสดงเวลา(นาฬิกา)ที่แสดงเวลาของเซิฟเวอร์ แบบเรียลไทม์ หน่อยครับ ขอบคุณครับ |
|
|
|
|
|
|
|
จะแสดงเวลาฝั่ง server ก็ต้องถาม server ทุกวินาที (ถ้าแสดงวิด้วย) ต้องใช้ ajax หรือไม่ก็ใช้การดึงเวลาฝั่ง server แค่ครั้งแรก แล้วนับต่อด้วย client script เช่น jquery countdown เป็นต้น อย่าถามโค๊ดให้แค่แนวทางพอ ขี้ัเกียจเขียน
|
|
|
|
|
Date :
2011-10-18 11:21:41 |
By :
ikikkok |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณสำหรับแนวทางครับ
code ข้างล่างนี้สำหรับ คนอยากได้ครับ
1.สร้าง html tag กำหนด พื้นที่ หรือส่วนที่ต้องการแสดงผล
<div id="showData"></div>
2.สร้างไฟล์ สำหรับหาวันที่ และเวลา มาแสดง ชื่อ gdata.php
<?php
header("Content-type:text/html; charset=UTF-8");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
if($_GET['rev']==1){
echo date("Y-m-d H:i:s");
exit;
}
?>
3.สร้าง ajax สคริปสำหรับเรียกใช้งาน
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
setInterval(function(){ // เขียนฟังก์ชัน javascript ให้ทำงานทุก ๆ 30 วินาที
// 1 วินาที่ เท่า 1000
// คำสั่งที่ต้องการให้ทำงาน ทุก ๆ 3 วินาที
var getData=$.ajax({ // ใช้ ajax ด้วย jQuery ดึงข้อมูลจากฐานข้อมูล
url:"gdata.php",
data:"rev=1",
async:false,
success:function(getData){
$("div#showData").html(getData); // ส่วนที่ 3 นำข้อมูลมาแสดง
}
}).responseText;
},3000);
});
</script>
สำหรับไฟล์ jquery-1.4.1.min.js โหลดเอานะครับhttp://www.ninenik.com/demo/js/jquery-1.4.1.min.js
เครคิต www.ninenik.com
ขอเครคิตให้ผู้โพสหน่อยครับ
|
ประวัติการแก้ไข 2011-10-18 12:07:08 2011-10-18 12:09:58
|
|
|
|
Date :
2011-10-18 12:02:46 |
By :
golderboy |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|