`

jquery插件:用JS实现ping的功能(JS ping url)转

阅读更多

 

01. $.ping = function (option) 
02. {
03.      var ping, requestTime, responseTime ;
04.      var getUrl = function (url){    //保证url带http://
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' //设置一个空的ajax请求
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. //      option.interval = 0;        // 阻止多重循环
32. //      setInterval(function(){$.ping(option)}, interval);
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>

分享到:
评论

相关推荐

    javascript插件:jquery.ipicture.js在地图上做标记并可以用图文及链接展示(非常棒)

    jQuery.ipicture.js 是一款强大的JavaScript插件,它允许开发者在网页中的地图上创建标记,并且可以结合图文及链接进行丰富的信息展示。这款插件特别适合用于地理信息系统(GIS)应用,或者任何需要在地图上标注特定...

    jQuery圆角插件:jquery.corners.js

    在CSS3之前,创建圆角效果通常需要复杂的图片切片或使用JavaScript,而jQuery的圆角插件如`jquery.corners.js`则简化了这一过程。 `jquery.corners.js`是一个小巧而实用的jQuery插件,它通过动态添加CSS样式来实现...

    orgchart.js 组织架构图之JQuery插件

    组织架构图之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打印插件之jQuery.EasyPrint.js使用文档

    使用JS实现打印功能;JavaScript 实现打印操作;javascript打印大全;通用;js实现打印的方式;JS怎么实现页面打印呢?JavaScript 实现打印,打印预览,打印设置;JS打印和报表输出;原生js打印插件Print.js;js控制...

    jquery相关插件js

    1. `Jquerycygjjh`:这个文件可能是一个自定义的jQuery插件,用于特定的功能实现,如轮播图、下拉菜单或表单验证。具体功能需要查看源码来解析。通常,这样的插件会提供一系列配置选项(options),允许开发者根据...

    实现滚屏操作的jquery 插件

    `fullpage.js` 可以很好地与其他 jQuery 插件和库(如 Bootstrap、Isotope 等)结合使用,只要注意避免冲突并正确管理 CSS 样式和 JavaScript 事件即可。 总的来说,`fullpage.js` 是一个功能强大且灵活的 jQuery ...

    使用jquery的上传插件:ajaxfileupload.js实现excel文件上传

    在本文中,我们将深入探讨如何使用jQuery的上传插件`ajaxfileupload.js`来实现Excel文件的上传功能。首先,我们需要了解这个插件的工作原理以及它如何与jQuery库结合使用。 `ajaxfileupload.js`是一个基于jQuery的...

    jquery.media.js 插件实现在线预览PDF文件

    `jquery.media.js` 是一个基于 jQuery 的插件,主要用于在HTML网页中实现多媒体内容的预览,包括PDF文件。这个插件使得用户无需离开当前页面就能查看PDF文档,提供了便捷的在线预览功能,极大地提升了用户体验。下面...

    jquery.PrintArea.js实现打印发货单功能

    本文将详细介绍如何利用jQuery插件`jquery.PrintArea.js`实现这样的功能,以及涉及到的相关技术点。 首先,`jquery.PrintArea.js`是一个jQuery插件,它允许用户选择页面上的特定区域进行打印,避免了整个网页内容被...

    JQuery颜色渐变插件jquery.color.js

    JQuery是一种广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。然而,原生的jQuery库并不直接支持颜色渐变效果的动画。这正是`jquery.color.js`插件的用途所在。这个插件是专门为了...

    jquery media 在线预览pdf 文件插件

    3. 初始化插件:在JavaScript中,使用jQuery选择器选中该容器,并调用`.media()`方法初始化插件,如`$("#pdf-preview").media({ type: "pdf", url: "file.pdf" })`,其中`type`指定媒体类型,`url`则是PDF文件的路径...

    jquery.roundabout.js图片叠加3D旋转插件多功能展示

    本文将深入探讨jQuery Roundabout插件的核心概念、功能以及实现方法,帮助你理解和掌握这个强大的插件。 首先,jQuery Roundabout是基于jQuery库的一个扩展,它的主要目标是提供一个灵活的框架,用于创建具有3D旋转...

    jQuery插件ImageFlyout弹出图片实现javascript放大图片功能

    使用jQuery插件jQuery Image Flyout弹出图片,实现javascript弹出放大图片功能只需要一行代码即可实现。 四,用户自定义设置 结合jQuery插件Easing Plugin,可增强javascript图片放大和缩小过程中图片显示的效果。 ...

    简单易用的倒计时插件——jQuery.downCount.js.zip

    总结,jQuery.downCount.js是一款轻量级且易于使用的倒计时插件,只需少量代码就能快速实现倒计时功能。通过灵活的参数配置和自定义样式,可以适应各种网页设计风格。在实际开发中,可以结合其他jQuery插件和前端...

    jquery回到顶部插件jquery.goup.js

    总结,jquery.goup.js作为一款实用的jQuery插件,以其简洁的代码、灵活的配置和良好的性能,为开发者提供了便捷的“返回顶部”功能实现。在实际开发中,结合其他jQuery插件和现代前端框架,可以构建出更加丰富和动态...

    jquery多风格多功能滚动特效代码插件jquery.liMarquee.js下载.zip

    本文将详细介绍一款名为`jquery.liMarquee.js`的插件,它是一款功能强大、风格多样的jQuery滚动特效代码,能够帮助开发者轻松实现各种滚动效果。 一、插件介绍 `jquery.liMarquee.js`是一款基于jQuery的滚动插件,...

    手机端刮奖效果jquery.eraser.js插件.zip

    【标题】"手机端刮奖效果jquery.eraser.js插件"是一款专为移动设备设计的JavaScript插件,它利用jQuery库实现了一种互动式的刮奖效果,为用户提供了类似真实刮刮卡的体验。 【描述】这个插件的核心是`jquery.eraser...

    使用jQuery插件FancyBox轻松实现弹窗视频

    通过以上步骤,你就可以使用jQuery插件FancyBox轻松实现弹窗视频的功能。结合压缩包中的"video"文件,你可以将这些代码应用到实际项目中,为用户提供一个优雅的视频观看体验。FancyBox的灵活性和易用性使得它成为...

    jQuery树插件演示族谱Family tree和日程安排

    2. 插件选择:有许多jQuery树插件可供选择,如jqTree、jstree、treeview等。它们都有不同的特性和配置选项,选择时应考虑项目需求和性能。 3. 渲染树形结构:利用插件提供的API,将JSON数据转换为树形结构,并渲染到...

    jquery.easyDrag.js史上最强大的拖拽插件

    通过结合其他jQuery插件或JavaScript库,开发者可以构建出更加丰富多样的交互体验,例如与Sortable.js或Isotope等库集成,实现更复杂的布局和组织方式。 总的来说,jQuery.easyDrag.js以其强大的功能、灵活的配置...

Global site tag (gtag.js) - Google Analytics