1. 程式人生 > >php ajax 實時顯示時間

php ajax 實時顯示時間

index.php
</head> 
<body> 
<h1>Ajax動態顯示時間</h1> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<input type="button" value="開始顯示時間" id="go" onclick="start()" /> 
<p>當前時間:<font color="red"><span id="showtime"></span></font></p> 
</body> 
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest(){
 if(window.ActiveXObject){
  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 else if(window.XMLHttpRequest){
  xmlHttp = new XMLHttpRequest();
 }
}
function start(){
 createXMLHttpRequest();
 var url="getTime.php";
 xmlHttp.open("GET",url,true);
 xmlHttp.onreadystatechange = callback;
 xmlHttp.send(null);
}
function callback(){
 if(xmlHttp.readyState == 4){
  if(xmlHttp.status == 200){
   document.getElementById("showtime").innerHTML = xmlHttp.responseText;
   setTimeout("start()",1000);
  }
 }
}
</script>
</html>
getTime.php
<?php
header("cache-control:no-cache,must-revalidate"); 
header("Content-Type:text/html;charset=utf-8");
$showtime = date("北京時間Y年m月d日H:i:s"); 
echo $showtime;


相關推薦

php ajax 實時顯示時間

index.php</head> <body> <h1>Ajax動態顯示時間</h1> <meta http-equiv="Content-Type" content="text/html; charset=utf

報表實時顯示時間

time 效果 統計數據 大屏幕 修改 jpg ner 循環調用 表設計 報表,除了相對靜態地展現匯總統計數據以及分布、趨勢等數據內容外,也可以用於顯示和時間相關的即時信息,包括實時顯示時間。例如,下面這個設備監控應用統系中,首頁除了顯示實時監控數據外,還需要在右上角顯示實

報表實時顯示時間效果

報表,除了相對靜態地展現彙總統計資料以及分佈、趨勢等資料內容外,也可以用於顯示和時間相關的即時資訊,包括實時顯示時間。例如,下面這個裝置監控應用統系中,首頁除了顯示實時監控資料外,還需要在右上角顯示實時時間: 這種形式的“動態報表”其實在我們生活中也隨處可見,最常見的就

報表如何自動重新整理實時顯示時間?

報表,除了相對靜態地展現彙總統計資料以及分佈、趨勢等資料內容外,也可以用於顯示和時間相關的即時資訊,同時還會需要顯示實時時間的效果,例如下面這個裝置監控應用統系中,通過首頁顯示實時監控資料外,還需要在右上角顯示實時時間:   這種形式的“動態報表”其實在我們生活中也隨處可見,比如最常見的就是火車站大螢幕上的列

JS實現實時顯示時間

在之前的專案中有做到需要在網頁中實時顯示當前時間,實現的效果如圖所示: 1. html結構 <div class="col-xs-12 col-sm-6"> <i class="fa fa-plus-square-o" aria-hidden="tr

PHP-AJAX 實時搜尋

AJAX 可為使用者提供更友好、互動性更強的搜尋體驗。 AJAX Live Search 在下面的例項中,我們將演示一個實時的搜尋,在您鍵入資料的同時即可得到搜尋結果。 實時的搜尋與傳統的搜尋相比,具有很多優勢: 當鍵入資料時,就會顯示出匹配的結果 當繼續鍵入資料時

實時顯示時間(HTML+JS)

方法一: <!--setInterval實時顯示時間--> <p id="time1" style="color: blueviolet;"></p> <

php+ajax+jq實現線上人數實時顯示

程式碼如下: <div class="count">當前線上:<span id="number"></span></div> 首先我們要定義一個動畫過程,使用jQuery的animate()函式實現從一個數字到另一個數字的變換

php+ajax+jquery分頁並顯示數據

我們 nic 定義 防止 initial etc turn on() mysq 參考https://www.helloweba.com/view-blog-195.html html頁面 1 <div class="weui-cells" i

PHP實時顯示輸出

index sleep 顯示 dex 關閉 bsp flush set mit //實時顯示輸出 ob_end_flush();//關閉緩存 //echo str_repeat(" ",256); //ie下 需要先發送256個字節 set_time_limit(0); f

用JS實現實時顯示系統時間

class mon 星期 itl utf sso inner watermark cti 下面為大家附上代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset=

PHP 實例 - AJAX 實時搜索

tex input eval 同時 bsp 沒有 tro urn 占位符 PHP 實例 - AJAX 實時搜索 AJAX 可為用戶提供更友好、交互性更強的搜索體驗。 AJAX Live Search 在下面的實例中,我們將演示一個實時的搜索,在您鍵入數據的同時

頁面時間日期星期實時顯示

TE doc 顯示 tel interval h+ 小時 num 定時 //定時器每秒調用一次fnDate() setInterval(function(){   fnDate(); },1000); //js 獲取當前時間 function fnDate

報表實時重新整理顯示時間

報表,除了相對靜態地展現彙總統計資料以及分佈、趨勢等資料內容外,也可以用於顯示和時間相關的即時資訊,包括實時顯示時間。例如,下面這個裝置監控應用統系中,首頁除了顯示實時監控資料外,還需要在右上角顯示實時時間: 這種形式的“動態報表”其實在我們生活中也隨處可見,最常見的就是火車站大螢幕上的列

轉載自-亭鈺wang,php 訊息實時推送(反ajax推送)

入口檔案index.html <!DOCTYPE HTML> <html> <head>     <title>反ajax推送</title>     <style>  

使用Google時區API顯示任何城市的實時本地時間

現在我們知道如何可靠地任何地點的日期和時間感謝Google時區API,我們可以用它做任何事情-標準的JavaScriptDate物件允許我們。一個流行的擴充套件是顯示時間在,嗯,實時的: 例子: 東京時間:下午2:19:02 (Thur) 洛杉磯時間:下午10:19

ajax動態顯示當前時間

<html> <head> <script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=

使用Ajax動態的顯示時間

         在最初學習Ajax的時候視訊中有一個例子是動態的載入伺服器端的時間顯示在前臺頁面,當時不懂原理,看著視訊敲了一樣的程式碼,就是執行不出結果,現在在專案中遇到了客戶的需求就是需要在前臺

Asp.Net Ajax簡單測試動態顯示時間

利用Asp.net自帶的Ajax控制元件,實現簡單的動態顯示時間的頁面。 前臺程式碼如下: <body> <form id="form1" runat="server"> <div> <asp:S

JS中使用Date物件實時顯示系統時間小示例

JS中包含Date物件,其提供了一些方法獲取系統日期,直接上程式碼: <!DOCTYPE html> <html> <head> <meta char