อยากได้ตัวอย่าง code autorefresh ของ ajax ครับ ผมอยากได้ตัวอย่าง code auto refresh
ใช้ javascript เปลี่ยน src ของ iframe ครับCode (PHP) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Marosdee" />
<script type="text/javascript">
var refresh_freg = 60;
var running = refresh_freg;
window.onload = function()
{
setInterval('remainTime()', 1000);
}
function remainTime()
{
document.getElementById('remain').innerHTML = running;
running--;
if ( running <= 0 )
{
document.getElementById('myiframe').src = document.getElementById('myiframe').src;
running = refresh_freg;
}
}
</script>
<title>Untitled 2</title>
</head>
<body>
<div>
<div style="float: left; height: 400; width: 200px; border: 1px solid black;">
<a href="javascript:void()" onclick="document.getElementById('myiframe').src = document.getElementById('myiframe').src">สั่งรีเฟรช</a>
<br />
<div>เหลืออีก <span id="remain">0</span> วินาที หน้า iframe จะถูกโหลดใหม่</div>
</div>
<div>
<iframe id="myiframe" scrolling="no" height="420" frameborder="0" width="440" title="danya-reload" src="http://home.thailand-script.com/?public=shoutbox&do=main&position=index">
<a href="http://home.thailand-script.com/?public=shoutbox&do=main&position=index">View shoutbox</a>
</iframe>
</div>
</div>
</body>
</html>
Date :
2010-03-08 06:44:51By :
danya
อยากเปลียนใหรีเฟรชทุกๆ กี่วินาที ก็เปลี่ยนตรงนี้
Date :
2010-03-08 06:51:58By :
danya
ขอบคุณมากครับ
Date :
2010-03-08 15:52:20By :
ikamp
ไม่อยากให้มันนับถอยหลัง ก็เอาอันนี้ออก
Date :
2010-03-08 16:28:26By :
danya
<div>เหลืออีก <span id="remain">0</span> วินาที หน้า iframe จะถูกโหลดใหม่</div>
Date :
2010-03-08 16:43:37By :
ikamp
ประมาณนี้ครับ นี่เป็นที code ที่สร้างไว้ครับ แล้วข้างบนคือผลรัน Code (PHP) <?php
$hour = +0;
$min = 0;
$Year = date("Y")+543;
$thaimonth=array("มค.","กพ.","มีค.","เมย.","พค.","มิย.","กค.","สค.","กย.","ตค.", "พย.","ธค.");
$mtoday=date("d ",mktime( date("H")+$hour, date("i")+$min ));
$mtime=date("H:i:s",mktime( date("H")+$hour, date("i")+$min ));
$mdate=$mtoday. $thaimonth[date("m")-1]." ".$Year;
//echo "$mdate $mtime";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>แสดงวันที่ - เวลา แบบ Realtime</title>
</head>
<body>
<table width="400" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse">
<tr>
<td colspan="2"><div align="center"><strong>แสดงวันที่ + เวลา แบบ Realtime </strong></div></td>
</tr>
<tr>
<td width="200"><div align="center">วันนี้วันที่</div></td>
<td width="200"><div align="center">เวลา</div></td>
</tr>
<tr>
// ============ ตั้งไอดีtag span ชื่อ remain ==========
<span id="remain">
<td width="200"><div align="center"><?= $mdate ?></div></td>
<td width="200"><div align="center"><?= $mtime ?></div></td>
</span>
// ============================================
</tr>
</table>
</body>
</html>
Date :
2010-03-08 17:03:32By :
ikamp
ใช่เลยครับพี่ ผมรอได้ครับ ขอบคุณมากCode (PHP) document.getElementById("clock").innerHTML = date + '<br />' + time;
// กำหนดให้ค่าใน id clock เท่ากับ date + '<br />' + time ใช่ปะคับ
setTimeout(displaytime,1000); // เรียกใช้ ฟั่งชั่นทุกๆ 1 วินาที
Code (PHP) document.getElementById("clock").innerHTML = times.php
// ผมไม่รู้ syntax java script เลย
Date :
2010-03-09 00:48:24By :
ikamp
ถ้าใช้ Jquery ก็ง่ายๆ กันเลยครับCode (PHP) <html>
<head>
<script src="http://www.brightcherry.co.uk/test/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function getRefresh() {
$("#auto").show("slow");
$("#auto").load("stime.php", '', callback);
}
function callback() {
$("#auto").fadeIn("slow");
setTimeout("getRefresh();", 1000);
}
$(document).ready(getRefresh);
</script>
</head>
<body>
<div id="auto">
</div>
</body>
Code (PHP) echo date("H:i:s");
Date :
2010-03-09 07:18:35By :
deawx
ถึงพี่ deawxindex.php Code (PHP) <html>
<head>
<script src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function getRefresh() {
$("#auto").show("slow");
$("#auto").load("stime.php", '', callback);
}
function callback() {
$("#auto").fadeIn("slow");
setTimeout("getRefresh();", 1000);
}
$(document).ready(getRefresh);
</script>
</head>
<body>
<div id="auto"> </div>
</body>
</html>
Code (PHP) <?php
echo date("H:i:s");
?>
ผลรันออกมามันไม่ refresh ไปเรื่อยๆนะครับ
Date :
2010-03-09 12:27:41By :
ikamp
ไม่ผิดนะ แต่ที่อาจจะผิด คือหน้าตาไม่ดี ... อ๊ะ พี่ล้อเล่น
Date :
2010-03-09 15:59:50By :
deawx
เกิดปัญหาแปลกๆครับพี่
Date :
2010-03-09 23:19:41By :
ikamp
$(document).ready(function(){
Date :
2010-03-10 02:45:06By :
plakrim
เหมือนเดิมครับ run ได้แต่ Firefox
Date :
2010-03-10 07:11:23By :
ikamp
ผมดูโค้ดพี่ดิวแล้ว ไม่น่ามีปัญหาะไรอะ
Date :
2010-03-11 04:47:58By :
danya
index.php<script>
function test(){
$('#test').load('test.php?'+Math.random(),function(){
window.setTimeout(function(){ test(); }, 1000);
});
}
$(function(){
test();
});
<script>
<div id="test"></div>
Date :
2010-03-11 08:40:38By :
test
อืม Math.random() ต่อท้าย url ช่วยให้ ie8 หายจากอาการ งอแง
Date :
2010-03-11 10:07:17By :
peterxp
ขอขอบคุณพี่ๆ ทุกคนมากครับ ขอบคุณพี่ ดุนยา คนแรกเลยindex.php Code (PHP) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Realtime Calendar</title>
<script src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function getRefresh() {
$("#auto").show("slow");
$("#auto").load("stime.php?"+Math.random(), '', callback);
}
function callback() {
$("#auto").fadeIn("slow");
setTimeout("getRefresh();", 1000);
}
$(document).ready(
function(){
getRefresh();
}
);
</script>
</head>
<body>
<div id="auto"> </div>
</body>
</html>
stime.php Code (PHP) <?php
echo date("H:i:s");
?>
Date :
2010-03-12 05:46:07By :
ikamp
เออ ไช่ ผมลืม เรื่องแคชไปเลย 555+
Date :
2010-03-12 07:28:33By :
danya
ยังไงผมต้องมีถามอีกแน่เลยครับ แต่ตอนนี้เอาที่ทำได้ให้ครบก่อน ทีละส่วนไป-*-
Date :
2010-03-12 17:18:09By :
ikamp
copy ของ No.18 มา รันแร้ว ไม่เห็นขึ้นอะไรเลยครับ? เจอแต่ page ขาวๆ
Date :
2010-10-11 09:26:32By :
x_boy
พี่ๆครับ ผมมีเรื่องรบกวนสอบถามครับCode (PHP) <?php
date_default_timezone_set("asia/bangkok");
// Define your target date here
$targetYear = 2010;
$targetMonth = 11;
$targetDay = 06;
$targetHour = 8;
$targetMinute= 00;
$targetSecond= 00;
// End target date definition
// Define date format
$dateFormat = "d-m-Y H:i:s";
$targetDate = mktime($targetHour,$targetMinute,$targetSecond,$targetMonth,$targetDay,$targetYear);
$actualDate = time();
$secondsDiff = $targetDate - $actualDate;
$remainingDay = floor($secondsDiff/60/60/24);
$remainingHour = floor(($secondsDiff-($remainingDay*60*60*24))/60/60);
$remainingMinutes = floor(($secondsDiff-($remainingDay*60*60*24)-($remainingHour*60*60))/60);
$remainingSeconds = floor(($secondsDiff-($remainingDay*60*60*24)-($remainingHour*60*60))-($remainingMinutes*60));
$targetDateDisplay = date($dateFormat,$targetDate);
$actualDateDisplay = date($dateFormat,$actualDate);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>xxx</title>
<link href="style/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
var days = <?php echo $remainingDay; ?>
var hours = <?php echo $remainingHour; ?>
var minutes = <?php echo $remainingMinutes; ?>
var seconds = <?php echo $remainingSeconds; ?>
function setCountDown ()
{
seconds--;
if (seconds < 0){
minutes--;
seconds = 59
}
if (minutes < 0){
hours--;
minutes = 59
}
if (hours < 0){
days--;
hours = 23
}
document.getElementById("remain").innerHTML = days+" days, "+hours+" hours, "+minutes+" minutes, "+seconds+" seconds";
setTimeout ( "setCountDown()", 1000 );
}
</script>
</head>
<body onload="setCountDown();">
<font size=“6”>
<div id="container">
<div id="header">
<p align="center"><img src="picture" width="80%" height="70%" />
</p></div>
<center>
<div id="content">
<table class="countTable" width= "60%" border="5px" cellspacing="5px" >
<tr><td bgcolor="#66ff00" width="150px" align="center"> Target date: </h2></td><td bgcolor="#66ff00" width="600px" align="center"> <?php echo $targetDateDisplay; ?> </h2></td></tr>
<tr><td bgcolor="#ff9900" width="150px" align="center"> Countdown:</td><td bgcolor="#ff9900" id="remain" width="600px" align="center"><?php echo "$remainingDay days, $remainingHour hours, $remainingMinutes minutes, $remainingSeconds seconds";?></td></tr>
<tr><td bgcolor="#0099ff" width="150px" align="center"> Actual date:</td><td bgcolor="#0099ff" width="600px" align="center"> <?php echo $actualDateDisplay; ?> </td></tr>
</table>
</center>
</div>
</font>
</body>
</html>
Date :
2010-10-13 23:19:24By :
him
ขอบคุณมากๆ ค่ะ มาขอไปด้วยคนนะค่ะ
Date :
2011-05-29 04:10:09By :
giftza_oke
copy ของ No.18 มา รันแร้ว ไม่เห็นขึ้นอะไรเลยครับ? เจอแต่ page ขาวๆ
Date :
2012-02-16 17:11:22By :
lin2online
อ้างถึง No.18
Date :
2012-07-15 03:31:46By :
r
โค๊ดของ No.18 ใช้ได้ไม่มีปัญหาครับ แต่ เวลาที่โชว์ ดึงเวลามาจากไหนครับ เวลาไม่ตรง
ประวัติการแก้ไข
Date :
2013-06-25 16:52:02By :
okboou
ตอบ No.21, No.24
Date :
2014-01-08 05:34:48By :
dang
<div id="shtime" align="right"></div>
Date :
2014-01-08 12:00:44By :
champkung226
Server 02
Load balance : Server 02
