<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 无依赖Ajax时钟 </title>
<style type="text/css">
#view-time {width:400px;height:50px;font-size:40px;font-family:Arial;text-align:center;}
</style>
</head>
<body>
<div id="view-time"></div>
<div id="log"></div>
<script type="text/javascript">
if (typeof XMLHttpRequest == 'undefined') {
window.XMLHttpRequest = function() {
var _ = ['Microsoft.XMLHTTP', 'Msxml2.XMLHTTP'];
for (var i = 0, l = _.length; i < l; i++) {
try {
return new ActiveXObject(_[i]);
} catch(e) {}
}
};
}
var serverDate = function(fn) {
var B = new XMLHttpRequest();
B.onreadystatechange = function() { B.readyState == 4 && fn(new Date(B.getResponseHeader('Date')))};
B.open('HEAD', '/?_=' + (-new Date));
B.send(null);
};
Date.prototype.format = function() {
return this.getFullYear() + '-'
+ ('0' + (this.getMonth() + 1)).slice(-2) + '-'
+ ('0' + (this.getDate())).slice(-2) + ' '
+ ('0' + (this.getHours())).slice(-2) + ':'
+ ('0' + (this.getMinutes())).slice(-2) + ':'
+ ('0' + (this.getSeconds())).slice(-2);
};
serverDate(function(webTime) {
var view = document.getElementById('view-time'), diff = webTime - new Date();
view.innerHTML = webTime.format();
setInterval(function() {
view.innerHTML = (webTime.setTime(diff + new Date() * 1), webTime.format());
}, 500);
});
</script>
</body>
</html>
分享到:
相关推荐
利用ajax的UpdatePanel和ajaxToolkitUpdatePanelAnimationExtender的控件实现的数据无刷新操作 App_Data\customers.xml为GridView数据库
包含一个AjaxJson实体类,可在接口直接引用作为返回参数类型,还包含一个jar包,是该实体类的依赖包
ajax无刷新表单提交 2;ajax的运行历程 最简单明了的实例,清晰的帮你弄清上述概念,运行简单,只需解压该包,然后Myeclipse中file - import - general - import existed project to workspace,即可调试运行 调试...
Ajax实现无刷新树 Ajax实现无刷新树 Ajax实现无刷新树 Ajax实现无刷新树 Ajax实现无刷新树
ajax无刷新留言板ajax无刷新留言板
基于Maven依赖的SSM项目 AJAX查询增删改查demo,前端Bootstrop 数据校验:jquery+JSR303后端校验,非常有利于框架初学者学习参考
ajax.dll 配置 ajax局部无刷新 ajax 异步处理
无刷新AJAX效果
Ajax无刷新新闻管理系统 无刷新查看文章
ajax json 应用 无刷新 ajax json 应用 无刷新 ajax json 应用 无刷新
ajax无刷新简单聊天室 ajax无刷新简单聊天室
Ajax实现无刷新聊天室,数据库也在文档中,操作简单
Ajax全新教程 无刷新页面 无刷新数据更新 无刷新绑定 asp.net全新Ajax教程
基于AJAX的无刷新聊天室,一个不错的东东,来自于AJAX WEB 2.0
ajax,java实现无刷新上传,对你肯定有用,希望对你有所帮助
ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件
ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效
ajax ajax原理 ajax代码 ajax编程 ajax学习
ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解
ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件...