您的位置：首页 > 编程语言 > PHP开发

php 自动更新时间（在页面动态显示时间）

2012-01-20 17:28 916 查看
time.php:

<html>  

<head>  

<meta http-equiv="content-type" content="text/html;charset=utf-8" />  

</head>  

<body>  

<h1>Ajax动态显示时间</h1>  

<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;

?>

在浏览器调用time.php这个文件就可以了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  php xmlhttprequest function callback button header
相关文章推荐
新的分享
章节导航