我正在尝试执行一项功能,该功能将在单击按钮时显示时钟,但我无法显示时钟。我对这些东西有点陌生,非常感谢一些帮助,以及对我做错了什么的解释。
提前致谢!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function getXMLHTTPRequest() {
try {
req = new XMLHTTPRequest();
} catch(err1) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (err2) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (err3) {
req = false;
}
}
}
return req;
}
var http = getXMLHTTPRequest();
function getServerTime() {
var myurl = 'telltimeXML.php';
myRand = parseInt(Math.random()*9999999999999);
var modurl = myurl+"?rand="+myRand;
http.open("GET", modurl, true);
http.onreadystatechange = useHttpResponse;
http.send(null);
}
function useHttpResponse() {
if (http.readyState == 4) {
if(http.status == 200) {
var timeValue = http.responseXML
.getElementsByTagName("timenow")[0];
document.getElementById('showtime').innerHTML
=timeValue.childNodes[0].nodeValue;
}
}
else {
document.getElementById('showtime').innerHTML = '<img src="anim.gif">';
}
}
</script>
<title>Ajax</title>
<style>
.displaybox {
width:150px;
background: #ffffff;
border:2px solid #000;
padding:10px;
font:24px normal verdana, helvetica, arial, sans-serif;
margin: 0 auto;
}
</style>
</head>
<body style="background-color:#cccccc; text-align:center">
<h1>Ajax</h1>
<h2>Hamta tiden fran servern utan att uppdatera sidan</h2>
<form>
<input type="button" value="Hamta tiden fran servern" />
</form>
<div id="showtime" class="displaybox"></div>
</body>
</html>
这是 .PHP 代码.. (telltimeXML.php)
<?php
header('Content-Type: text/xml');
echo "<?xml version=\"1.0\" ?><clock1><timenow>"
.date('H:i:s)."</timenow></clock1>";
?>