利用ajax获取服务器时间,并显示
2008-10-18 10:42
363 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>获取服务器端时间并不停网页在显示上</title>
</head>
<body>
<p><a href="http://www.studynote.cn">学习笔记</a>:<a href="http://www.studynote.cn">http://www.studynote.cn</a></p>
<span id="spnTime"></span>
<script language="javascript">
function createXMLHttpRequest () {
var request = false;
if(window.XMLHttpRequest) {
request = new XMLHttpRequest();
if(request.overrideMimeType) {
request.overrideMimeType('text/xml');
}
} else if(window.ActiveXObject) {
var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
for(var i=0; i<versions.length; i++) {
try {
request = new ActiveXObject(versions[i]);
if(request) {
return request;
}
} catch(e) {
//alert(e.message);
}
}
}
return request;
}
var http = createXMLHttpRequest();
http.open("HEAD", ".", false);
http.send(null);
var curDate = new Date;
var offsetTime = curDate - Date.parse(http.getResponseHeader("Date"));
setInterval(function()
{
curDate.setTime(new Date - offsetTime);
document.getElementById("spnTime").innerHTML = curDate.toLocaleString();
}, 1000);
</script>
</body>
</html>
<html>
<head>
<title>获取服务器端时间并不停网页在显示上</title>
</head>
<body>
<p><a href="http://www.studynote.cn">学习笔记</a>:<a href="http://www.studynote.cn">http://www.studynote.cn</a></p>
<span id="spnTime"></span>
<script language="javascript">
function createXMLHttpRequest () {
var request = false;
if(window.XMLHttpRequest) {
request = new XMLHttpRequest();
if(request.overrideMimeType) {
request.overrideMimeType('text/xml');
}
} else if(window.ActiveXObject) {
var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
for(var i=0; i<versions.length; i++) {
try {
request = new ActiveXObject(versions[i]);
if(request) {
return request;
}
} catch(e) {
//alert(e.message);
}
}
}
return request;
}
var http = createXMLHttpRequest();
http.open("HEAD", ".", false);
http.send(null);
var curDate = new Date;
var offsetTime = curDate - Date.parse(http.getResponseHeader("Date"));
setInterval(function()
{
curDate.setTime(new Date - offsetTime);
document.getElementById("spnTime").innerHTML = curDate.toLocaleString();
}, 1000);
</script>
</body>
</html>
相关文章推荐
- 通过原生js的ajax方法获取服务器时间(可用于抢购倒计时显示)
- 利用循环获取AJAX传回的值,并将其显示在弹出框里面
- h5开发中,利用微信或者QQ登陆以后获取用户头像在canvas画布显示问题
- ajax返回的数据 用easyui的datagrid的表格来循环显示,用灰色背景的是隐藏的列。点击可以获取到隐藏的值
- React学习笔记_利用cors实现ajax跨域_Tomcat 获取跨域Authorization
- JSP获取服务器时间,页面倒计时显示
- 利用Content provide获取电话联系人并显示在listview
- ajax获取嵌套JSON,树形控件显示
- 点击修改按钮,将数据显示在弹层窗口中,利用ajax实现
- 利用 GetModuleFileName获取exe文件路径,,以显示bmp, jpg, png图片
- WordPress中利用AJAX异步获取评论用户头像的方法
- 利用MVC和Ajax实现->鼠标移动到热点上,显示详细信息
- 利用ajax不需刷新页面来获取当前时间
- asp.net中利用ajax获取动态创建表中文本框的值
- 2017精华版:jquery 中 ajax功能,获取数据库数据,显示在html页面 01
- 2017精华版:jquery 中 ajax,后台获取数据库json数据,显示在html页面 02
- Ajax获取到数据放入echarts里不显示的原因分析及解决办法
- 笔记-返回到前一个页面时显示前一个页面中ajax获取的数据
- 使用base64对图片的二进制进行编码,使其可以利用ajax进行显示