จะแสดงเวลา ชั่วโมง:นาที:วินาที แบบเรียลไทม์ เลขวินาทีนับแบบเรียลไทม์ คือเลขเพิ่มตลอดโดยไม่ต้องรีเฟรชครับ
index.php
Code (PHP)
<script language="javascript" src="module/scripts/jquery-1.8.1.min.js"></script>
<script>
$(document).ready(function() {
$.ajax({type: "POST",
url: "realtime.php",
cache: false,
data: "",
success: function(result){
$("#divDetail").html(result);
}
});
});
</script>
<div id="divDetail"></div>
realtime.php
Code (PHP)
echo date("H:i:s");
ประวัติการแก้ไข 2013-01-21 10:49:23
Date :
2013-01-21 10:47:56
By :
Ex-[S]i[L]e[N]t
ขอบคุณครับพี่
แต่ผมอยากให้เลขวินาที มันนับไปด้วยเลย คือไม่นิ่ง ไม่ต้องรีเฟรช เหมือนแยกนาฬิกาอันนึงไปเลย เรียลไทม์เลขนับให้เห็นเลยในหน้าเพจเดียวเพจนี้เลย อ่าครับ
Date :
2013-01-21 10:55:49
By :
clashhum
โทดทีครับ ลืมใส่ setTimeout
index.phpCode (PHP)
<script language="javascript" src="module/scripts/jquery-1.8.1.min.js"></script>
<script>
function Realtime(){
$.ajax({url:"test.php",
async:false,
cache:false,
global:false,
type:"POST",
data:"",
dataType:"html",
success: function(result){
$('#divDetail').html(result);
setTimeout("Real();",1000);
}
});
}
function Real(){
Realtime();
}
</script>
<body onload="Realtime();">
<div id="divDetail"></div>
</body>
test.php
Code (PHP)
echo date("H:i:s");
ประวัติการแก้ไข 2013-01-21 11:07:19
Date :
2013-01-21 11:06:25
By :
Ex-[S]i[L]e[N]t
มันก็นิ่งเหมือนเดิมเลยครับ ต้องกดรีเฟรช เวลาถึงจะอัพเดทล่าสุด แก้ตรงไหนเหรอครับ ทำไงให้มันเป็นนาฬกาทำงานด้วยตัวมันเองนับเวลาเองโดยไม่รีเฟรชหน้าใหม่ครับ ขอบคุณมากๆครับ
Date :
2013-01-21 11:42:23
By :
clashhum
แอ๊ะ แต่ของผมปกตินะ ได้ Download jquery-1.8.1.min.js มาหรือยังครับ ??
Date :
2013-01-21 11:45:12
By :
Ex-[S]i[L]e[N]t
อ๋อ ต้องลง jqery ด้วยเหรอครับ อิอิ พี่คับ โหลดดจากไหนคับ แล้วเเอามาวางในแฟ้ม .php ของเราใช่ปะ
Date :
2013-01-21 11:46:38
By :
clashhum
http://jquery.com/ สร้าง patch src ตาม Folder เลยครับ
Date :
2013-01-21 11:49:03
By :
Ex-[S]i[L]e[N]t
เครื่ผงผมเก็บไว้ที่ c/appseve/www/jquery-1.9.0.js
ตรง <script language="javascript" src="module/scripts/jquery-1.8.1.min.js"></script> จะใส่ยังไงครับ
Date :
2013-01-21 11:57:29
By :
clashhum
<script language="javascript" src="jquery-1.8.1.min.js"></script>
เอาไปวางใน Folder web คุณเลยครับ
Date :
2013-01-21 11:59:26
By :
Ex-[S]i[L]e[N]t
มันไม่ใช่โฟลเดออะคับ ผมวางใน www เลยได้ปะ
Date :
2013-01-21 12:01:22
By :
clashhum
ถามเพิ่มเติมค่ะ ลองเทสโค้ดที่ให้มาทำได้แล้ว แต่ว่า เวลามัน เลยหน้าไป 1 ชั่วโมงอ่ะค่ะ ต้องแก้ตรงไหนคะ
ขอบคุณมากค่ะ
Date :
2013-07-08 12:38:12
By :
zealadragon
Code (PHP)
<form name="checkForm">
<input type="text" class="Input" name="txtTime" id="txtTime" maxlength="200" value="" />
<script>
function show(){
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
document.checkForm.txtTime.value=hours+":"+minutes+":"
+seconds+" "+dn
setTimeout("show()",1000)
}
show()
</script>
</form>
Date :
2013-07-09 14:12:59
By :
nirunsu
Load balance : Server 01