alive.jsp:
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>" />
<script type="text/javascript" src="<%=basePath%>resources/js/jquery.min-1.9.1.js"></script>
<script type="text/javascript" src="<%=basePath%>resources/js/jquery-heartbeat.js"></script>
<script type="text/javascript">
$(function(){
$.jheartbeat.set({
url: '<%=basePath%>uias/heartBeat.do',
delay: 10000//10s 心跳时间
});
})
</script>
</body>
</html>
jquery-heartbeat.js:
$.jheartbeat = {
options : {
url : "heartbeat_default.asp",
delay : 10000,
div_id : "test_div"
},
beatfunction : function() {
},
timeoutobj : {
id : -1
},
set : function(options, onbeatfunction) {
if (this.timeoutobj.id > -1) {
clearTimeout(this.timeoutobj);
}
if (options) {
$.extend(this.options, options);
}
if (onbeatfunction) {
this.beatfunction = onbeatfunction;
}
// Add the HeartBeatDIV to the page
$("body").append("<div id=\"" + this.options.div_id + "\" style=\"display: none;\"></div>");
this.timeoutobj.id = setTimeout("$.jheartbeat.beat();", this.options.delay);
},
beat : function() {
$.ajax({
url : this.options.url,
dataType : "html",
type : "GET",
headers : {
delay : this.options.delay
},
error : function(e) {
$('#' + $.jheartbeat.options.div_id).append("Error Requesting Data");
},
success : function(data) {
$('#' + $.jheartbeat.options.div_id).html(data);
}
});
this.timeoutobj.id = setTimeout("$.jheartbeat.beat();", this.options.delay);
this.beatfunction();
}
};
相关推荐
通过JS绘制心跳图
心跳JS
本文档对LINX心跳检测的基本流程作了分析,并归档,文档中有相应的源码和源码分析
心跳包的发送,通常有两种技术 方法1:应用层自己实现的心跳包 由应用程序自己发送心跳包来检测连接是否正常,大致的方法是:服务器在一个 Timer事件中定时 向客户端发送一个短小精悍的数据包,然后启动一个低级别的线程,...
通过js 实现mqtt消息实现,本资源只有js部分,服务端是java写的,可参考网上的也可以去下载我的另一个资源。
http://blog.csdn.net/gzy11/article/details/54949531 此篇文章示列代码
webSocket心跳检测机制及代码思想 次文章只是提供一下本人设计思路 心跳检测有很多方式可以实现在此 只是为大家提供一下思路大家一起相互学习 一起进步
详解JS WebSocket断开原因和心跳机制 1、断开原因 WebSocket断开的原因有很多,最好在WebSocket断开时,将错误打印出来。 ws.onclose = function (e) { console.log('websocket 断开: ' + e.code + ' ' + e....
websocket封装基于 1.websocket四大基础事件 2.扩展心跳检测与断线重连功能 3.核心对象封装,生成与销毁不需要客户端控制
跳包之所以叫心跳包是因为:它像心跳一样每隔固定时间发一次,以此来告诉服务器,这个客户端还活着.事实上这是为了保持长连接,至于这个包的内容,是没有什么特别规定的,不过一般都是很小的包,或者只包含包头的一个空包. ...
只需要把js引入所需要使用的jsp页面即可,另外就是把websocket的服务链接记得更改一下就可以正常使用。 有问题的话请留言或私信。
模拟心跳的动画,下载后改名为XT.EXE执行解压缩
JQUERY实现的心跳效果
实现netty作为服务端,websocket连接成功,将channel保存到map集合,通过js发送心跳,服务端接收心跳信息并响应给客户端,当服务端断开时 客户端进行重连操作
springboot实现websocket --已自测通过 1.心跳检测 2.掉线重连 3.前端js,前端页面
当视频播放时,每间隔3秒向后台发送请求供检测心跳,表明在线收看状态,需要后台持续发送视频数据。 1. yarn add video.js videojs-flash 2. 创建videp.js声明文件 3. 创建video_player.vue组件,供外部调用。...
创建 Socket 连接很简单,一行代码即可。 ... 如果服务器采用 SSL,只需要将 ws:// 替换成 wss:// let ws = new WebSocket('wss://echo.websocket.org/'); 然后是通过回调函数获取服务器消息以及对连接状态进行捕捉。...
内容索引:脚本资源,jQuery,jQuery插件 jHeartbeat 是一个jQuery 的插件,用来定时执行某项任务,例如定时向服务器发送请求;定时更新页面元素等,特别适合用在聊天室开发...压缩包内含有jHeartbeat.js代码及使用方法。
本文为大家分享了基于p5.js 2D图像接口的扩展,供大家参考,具体内容如下 一、心跳笔刷 组织结构: 1.纵坐标取一定范围内的随机值,横坐标按规律递增。 基本用法: 1、按住鼠标左键画出一条心跳线,松开鼠标...
vertojs Verto(VER-to)RTC是一个FreeSWITCH端点,该端点实现了JSON-RPC连接的子集,该子集旨在用于安全Web套接字。 最初的目标是WebRTC,以简化编码和实现从Web浏览器和设备到FreeSWITCH的调用。...