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.ipicture.js 是一款强大的JavaScript插件,它允许开发者在网页中的地图上创建标记,并且可以结合图文及链接进行丰富的信息展示。这款插件特别适合用于地理信息系统(GIS)应用,或者任何需要在地图上标注特定...
在CSS3之前,创建圆角效果通常需要复杂的图片切片或使用JavaScript,而jQuery的圆角插件如`jquery.corners.js`则简化了这一过程。 `jquery.corners.js`是一个小巧而实用的jQuery插件,它通过动态添加CSS样式来实现...
组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织...JQuery插件orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js ...
使用JS实现打印功能;JavaScript 实现打印操作;javascript打印大全;通用;js实现打印的方式;JS怎么实现页面打印呢?JavaScript 实现打印,打印预览,打印设置;JS打印和报表输出;原生js打印插件Print.js;js控制...
1. `Jquerycygjjh`:这个文件可能是一个自定义的jQuery插件,用于特定的功能实现,如轮播图、下拉菜单或表单验证。具体功能需要查看源码来解析。通常,这样的插件会提供一系列配置选项(options),允许开发者根据...
`fullpage.js` 可以很好地与其他 jQuery 插件和库(如 Bootstrap、Isotope 等)结合使用,只要注意避免冲突并正确管理 CSS 样式和 JavaScript 事件即可。 总的来说,`fullpage.js` 是一个功能强大且灵活的 jQuery ...
在本文中,我们将深入探讨如何使用jQuery的上传插件`ajaxfileupload.js`来实现Excel文件的上传功能。首先,我们需要了解这个插件的工作原理以及它如何与jQuery库结合使用。 `ajaxfileupload.js`是一个基于jQuery的...
`jquery.media.js` 是一个基于 jQuery 的插件,主要用于在HTML网页中实现多媒体内容的预览,包括PDF文件。这个插件使得用户无需离开当前页面就能查看PDF文档,提供了便捷的在线预览功能,极大地提升了用户体验。下面...
本文将详细介绍如何利用jQuery插件`jquery.PrintArea.js`实现这样的功能,以及涉及到的相关技术点。 首先,`jquery.PrintArea.js`是一个jQuery插件,它允许用户选择页面上的特定区域进行打印,避免了整个网页内容被...
JQuery是一种广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。然而,原生的jQuery库并不直接支持颜色渐变效果的动画。这正是`jquery.color.js`插件的用途所在。这个插件是专门为了...
3. 初始化插件:在JavaScript中,使用jQuery选择器选中该容器,并调用`.media()`方法初始化插件,如`$("#pdf-preview").media({ type: "pdf", url: "file.pdf" })`,其中`type`指定媒体类型,`url`则是PDF文件的路径...
本文将深入探讨jQuery Roundabout插件的核心概念、功能以及实现方法,帮助你理解和掌握这个强大的插件。 首先,jQuery Roundabout是基于jQuery库的一个扩展,它的主要目标是提供一个灵活的框架,用于创建具有3D旋转...
使用jQuery插件jQuery Image Flyout弹出图片,实现javascript弹出放大图片功能只需要一行代码即可实现。 四,用户自定义设置 结合jQuery插件Easing Plugin,可增强javascript图片放大和缩小过程中图片显示的效果。 ...
总结,jQuery.downCount.js是一款轻量级且易于使用的倒计时插件,只需少量代码就能快速实现倒计时功能。通过灵活的参数配置和自定义样式,可以适应各种网页设计风格。在实际开发中,可以结合其他jQuery插件和前端...
总结,jquery.goup.js作为一款实用的jQuery插件,以其简洁的代码、灵活的配置和良好的性能,为开发者提供了便捷的“返回顶部”功能实现。在实际开发中,结合其他jQuery插件和现代前端框架,可以构建出更加丰富和动态...
本文将详细介绍一款名为`jquery.liMarquee.js`的插件,它是一款功能强大、风格多样的jQuery滚动特效代码,能够帮助开发者轻松实现各种滚动效果。 一、插件介绍 `jquery.liMarquee.js`是一款基于jQuery的滚动插件,...
【标题】"手机端刮奖效果jquery.eraser.js插件"是一款专为移动设备设计的JavaScript插件,它利用jQuery库实现了一种互动式的刮奖效果,为用户提供了类似真实刮刮卡的体验。 【描述】这个插件的核心是`jquery.eraser...
通过以上步骤,你就可以使用jQuery插件FancyBox轻松实现弹窗视频的功能。结合压缩包中的"video"文件,你可以将这些代码应用到实际项目中,为用户提供一个优雅的视频观看体验。FancyBox的灵活性和易用性使得它成为...
2. 插件选择:有许多jQuery树插件可供选择,如jqTree、jstree、treeview等。它们都有不同的特性和配置选项,选择时应考虑项目需求和性能。 3. 渲染树形结构:利用插件提供的API,将JSON数据转换为树形结构,并渲染到...
通过结合其他jQuery插件或JavaScript库,开发者可以构建出更加丰富多样的交互体验,例如与Sortable.js或Isotope等库集成,实现更复杂的布局和组织方式。 总的来说,jQuery.easyDrag.js以其强大的功能、灵活的配置...