01.
$.ping =
function
(option)
02.
{
03.
var
ping, requestTime, responseTime ;
04.
var
getUrl =
function
(url){
05.
var
strReg=
"^((https|http)?://){1}"
06.
var
re=
new
RegExp(strReg);
07.
return
re.test(url)?url:
"http://
"
+url;
08.
}
09.
$.ajax({
10.
url: getUrl(option.url)+
'/'
+ (
new
Date()).getTime() +
'.html'
,
11.
type:
'GET'
,
12.
dataType:
'html'
,
13.
timeout: 10000,
14.
beforeSend :
function
()
15.
{
16.
if
(option.beforePing)
option.beforePing();
17.
requestTime =
new
Date().getTime();
18.
},
19.
complete :
function
()
20.
{
21.
responseTime =
new
Date().getTime();
22.
ping = Math.abs(requestTime - responseTime);
23.
if
(option.afterPing)
option.afterPing(ping);
24.
}
25.
});
26.
27.
if
(option.interval &&
option.interval > 0)
28.
{
29.
var
interval = option.interval * 1000;
30.
setTimeout(
function
(){$.ping(option)}, interval);
31.
32.
33.
}
34.
};
应用举例:
<div id="msg"></div>
<script language="javascript" src="jquery.js"></script>
<script language="javascript" src="ping.js"></script>
<script>
$.ping({
url : 'http://www.example.com',
beforePing : function(){$('#msg').html('')},
afterPing : function(ping){$('#msg').html(ping)},
interval : 1
});
</script>
分享到:
相关推荐
JQuery插件:alert、confirm、prompt对话框插件
jQuery插件:可拖动的图片展示实例(效果超酷) jQuery插件:可拖动的图片展示实例(效果超酷)
jQuery圆角插件:jquery.corners.js
使用JS实现打印功能;JavaScript 实现打印操作;javascript打印大全;通用;js实现打印的方式;JS怎么实现页面打印呢?JavaScript 实现打印,打印预览,打印设置;JS打印和报表输出;原生js打印插件Print.js;js控制...
组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织...JQuery插件orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js ...
jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery...
jQuery插件:警告-确认-提示弹出对话框效果_jquery_alert_dialogs
javascript插件:jquery.ipicture.js在地图上做标记并可以用图文及链接展示(非常棒!)
使用jQuery插件jQuery Image Flyout弹出图片,实现javascript弹出放大图片功能只需要一行代码即可实现。 四,用户自定义设置 结合jQuery插件Easing Plugin,可增强javascript图片放大和缩小过程中图片显示的效果。 ...
script type = “ text / JavaScript ” src = “ path / to / jquery.print.js ” > </ script > 使用它像: $(“#myElementId ”)。print(/ * options * /); 要么 $。print(“#myElementId ...
jquery 插件,实现多种不同的滚屏操作,
jquery.fireworks.js 插件描述:jquery-fireworks.js是一款基于HTML5 Canvas的逼真烟花特效jQuery插件。该插件使用简单,并可自由进行配置。它可以在一个div容器中生成逼真的燃放...
jquery插件ping.js,检测网站的响应速度
使用jQuery插件FancyBox轻松实现弹窗视频,使用jQuery插件FancyBox轻松实现弹窗视频
jquery多风格多功能滚动特效代码插件jquery.liMarquee.js下载
jquery.roundabout.js图片叠加3D旋转插件多功能展示
基于jQuery插件sparkleHover.js实现鼠标滑过爆炸特效源码.zip
本项目用jquery.PrintArea.js实现打印功能,实现一个打印发货单的功能。主要用div和table来实现,可以运行
基于jQuery插件Pinchzoom.js实现手指触摸图片放大缩小特效源码.zip
jQuery插件three.js实现的3d可拖拽场景动画特效源码.zip