html部分:
<!DOCTYPEhtml> <htmllang="en"> <head> <Metacharset="UTF-8"> <title>ajax实现自动刷新</title> </head> <bodyonLoad="Autofresh()"> <p>现在的时间是:<spanid="currenttime"></span></p> <script> varxmlobj; varcount=0; functioncreateXMLHttpRequest(){ if(window.ActiveXObject){ xmlobj=newActiveXObject("Microsoft.XMLHTTP"); } elseif(window.XMLHttpRequest){ xmlobj=newXMLHttpRequest(); } } functionAutofresh(){ createXMLHttpRequest(); count=count+1; xmlobj.open("GET","currenttime.PHP?count="+count,true); xmlobj.onreadystatechange=doAjax; xmlobj.send("r="+Math.random());//使用随机数处理缓存 } functiondoAjax(){ if(xmlobj.readyState==4&&xmlobj.status==200){ vartime_span=document.getElementById('currenttime'); time_span.innerHTML=xmlobj.responseText; setTimeout("Autofresh()",2000); } } </script> </body> </html>
<?PHP $count=$_GET["count"]; $count=$count%7; switch($count){ case1:$message="11111111111111111";break; case2:$message="22222222222222222";break; case3:$message="33333333333333333";break; case4:$message="44444444444444444";break; case5:$message="55555555555555555";break; case6:$message="66666666666666666";break; } $res=$message; echodate("Y-m-dH:i:s")."<hr>"."现在的内容是:".$res; ?>
效果图: