您当前的位置: 首页 > 网站编程 > PHP教程 > php+ajax实现页面自动刷新时间

php+ajax实现页面自动刷新时间

作者:不详 来源:网络 发布时间: 2014-08-20 21:47 点击:
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 XM

php+ajax实现页面自动刷新时间

  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; 

  ?>
分享到:
本文"php+ajax实现页面自动刷新时间"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 广告合作 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4