ajax实现自动刷新页面实例
2016-04-27 12:06
603 查看
html部分:
![](http://s3.51cto.com/wyfs02/M01/7F/79/wKioL1cgO0bi-HfRAAA39_ZiPZY039.jpg)
![](http://s4.51cto.com/wyfs02/M00/7F/7B/wKiom1cgOoqApWewAAA4fP_YBuU244.jpg)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ajax实现自动刷新</title> </head> <body onLoad="Autofresh()"> <p>现在的时间是:<span id="currenttime"></span></p> <script> var xmlobj; var count=0; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlobj=new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ xmlobj=new XMLHttpRequest(); } } function Autofresh(){ createXMLHttpRequest(); count=count+1; xmlobj.open("GET","currenttime.php?count="+count,true); xmlobj.onreadystatechange=doAjax; xmlobj.send("r="+Math.random());//使用随机数处理缓存 } function doAjax(){ if(xmlobj.readyState==4 && xmlobj.status==200){ var time_span=document.getElementById('currenttime'); time_span.innerHTML=xmlobj.responseText; setTimeout("Autofresh()",2000); } } </script> </body> </html>php页面部分
<?php $count=$_GET["count"]; $count=$count%7; switch($count){ case 1: $message = "11111111111111111";break; case 2: $message = "22222222222222222";break; case 3: $message = "33333333333333333";break; case 4: $message = "44444444444444444";break; case 5: $message = "55555555555555555";break; case 6: $message = "66666666666666666";break; } $res = $message; echo date("Y-m-d H:i:s")."<hr>"."现在的内容是:".$res; ?>效果图:
![](http://s3.51cto.com/wyfs02/M01/7F/79/wKioL1cgO0bi-HfRAAA39_ZiPZY039.jpg)
![](http://s4.51cto.com/wyfs02/M00/7F/7B/wKiom1cgOoqApWewAAA4fP_YBuU244.jpg)
相关文章推荐
- jquery刷新页面的实现代码(局部及全页面刷新)
- C#动态创建button的方法
- C#动态调整数组大小的方法
- 解决Jquery下拉框数据动态获取的问题
- 从jsp发送动态图像
- 编程语言里的静态、动态、强类型、弱类型等概念介绍
- php中动态变量用法实例
- C#中事件的动态调用实现方法
- .net 刷新页面后弹出重试框的解决方法
- JavaScript实现动态删除列表框值的方法
- jQuery+PHP实现动态数字展示特效
- JS动态修改iframe高度和宽度的方法
- JS实现文件动态顺序载入的方法
- JS动态显示表格上下frame的方法
- 基于JavaScript实现动态添加删除表格的行
- JavaScript动态修改背景颜色的方法
- javascript实现动态表头及表列的展现方法
- javascript创建动态表单的方法
- JS动态修改表格cellPadding和cellSpacing的方法
- jQuery on()绑定动态元素出现的问题小结