2020-08-31 01:27:08 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Title</title>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
#format {
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
word-wrap: break-word;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body style="background-color: #666;color: #fff;presentation-level: increment;">
|
|
|
|
|
<pre id="format"></pre>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
let sock, tick, format = document.getElementById('format');
|
|
|
|
|
|
2020-10-29 18:17:25 +08:00
|
|
|
console.log(new Date().getTime());
|
|
|
|
|
console.log(Date.parse(new Date()));
|
|
|
|
|
|
2020-08-31 01:27:08 +08:00
|
|
|
function message(message) {
|
|
|
|
|
let div = document.createElement('div');
|
|
|
|
|
div.innerHTML = message.data;
|
|
|
|
|
div.style.cssText = 'padding:5px 10px;background-color:#222;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;word-break: break-all;word-wrap: break-word;';
|
|
|
|
|
div.style.marginBottom = '10px';
|
|
|
|
|
let count = format.getElementsByTagName('div');
|
|
|
|
|
|
|
|
|
|
format.insertBefore(div, count[0]);
|
|
|
|
|
}
|
|
|
|
|
|
2021-03-20 02:36:48 +08:00
|
|
|
function close(even) {
|
2020-08-31 01:27:08 +08:00
|
|
|
setTimeout(function () {
|
|
|
|
|
connect();
|
|
|
|
|
sock.onmessage = message;
|
|
|
|
|
sock.onclose = close;
|
|
|
|
|
}, 3000);
|
2021-03-20 02:36:48 +08:00
|
|
|
console.log(even, 'onClose')
|
2020-08-31 01:27:08 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function connect() {
|
2021-08-17 16:43:50 +08:00
|
|
|
sock = new WebSocket('ws://47.92.194.207:9528/socket?auth='+encodeURIComponent('eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJhcHBsaWNhdGlvbjFfNjEwMzc2ZTU2MTRhMTkuNTk0ODM5NzEiLCJpYXQiOjE2Mjc2MTY5OTcsIm5iZiI6MTYyNzYxNjk5NywiZXhwIjoxODg2ODE2OTk3LCJ1aWQiOjUxMCwibmlja25hbWUiOiJvcGVuaWQiLCJqd3Rfc2NlbmUiOiJhcHBsaWNhdGlvbjEifQ.B7zqH0WJklZVN0acER3tmc9S08WoK-aucJ1MghnunuE'),
|
|
|
|
|
['test', 'asdasdkjfgghdfgjdfgdfg12343', 'm-chat']);
|
2020-08-31 01:27:08 +08:00
|
|
|
sock.onopen = function () {
|
|
|
|
|
if (tick) {
|
|
|
|
|
clearInterval(tick)
|
|
|
|
|
}
|
|
|
|
|
tick = setInterval(function () {
|
2020-09-04 00:41:33 +08:00
|
|
|
sock.send(JSON.stringify({'route': 'getUserPosition', 'tick': new Date().getTime()}));
|
2021-08-17 16:43:50 +08:00
|
|
|
// sock.close(4000);
|
2020-08-31 14:52:28 +08:00
|
|
|
}, 3000)
|
2020-08-31 01:27:08 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
connect();
|
|
|
|
|
sock.onmessage = message;
|
|
|
|
|
sock.onclose = close;
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
