程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> php+ajax實現頁面自動刷新時間

php+ajax實現頁面自動刷新時間

編輯:關於PHP編程

    index.php

     view plaincopy to clipboardprint?
    <mce: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);  
            }  
        }  
    }  
    // --></mce:script>  
     
     
    <html>  
    <head>  
    <meta http-equiv="content-type" content="text/html;charset=gb2312" />  
    </head>  
    <body>  
    <h1>Ajax動態顯示時間</h1>  
    <input type="button" value="開始顯示時間" id="go" onclick="start()" />  
    <p>當前時間:<font color="red"><span id="showtime"></span></font></p>  
    </body>  
    </html> 
    <mce: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);
      }
     }
    }
    // --></mce:script>


    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=gb2312" />
    </head>
    <body>
    <h1>Ajax動態顯示時間</h1>
    <input type="button" value="開始顯示時間" id="go" onclick="start()" />
    <p>當前時間:<font color="red"><span id="showtime"></span></font></p>
    </body>
    </html>

    getTime.php


    view plaincopy to clipboardprint?
    <?php  
    header("cache-control:no-cache,must-revalidate");  
    header("Content-Type:text/html;charset=gb2312");  
    $showtime = date("北京時間Y年m月d日H:i:s");  
    echo $showtime;  
    ?> 

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved