前端Js WebSocket测试代码,连websocket.org

这段代码演示了如何使用JavaScript初始化并连接到WebSocket服务器ws://echo.websocket.org/,然后每3秒发送一条消息。当连接打开时,它会打印'open...',收到消息时打印'recv:...'. 如果连接关闭,则清除发送消息的定时器并显示'websocket was closed. Bye.'。
摘要由CSDN通过智能技术生成

连接ws://echo.websocket.org/进行测试,代码如下:

<script>
    function initWebSocket(wsUri) {
        var websocket = new WebSocket(wsUri);
        websocket.onopen = function(evt) {
            console.log('open...');
        };
        websocket.onclose = function(evt) {

            console.log('close...', evt);
        };
        websocket.onmessage = function(evt) {
            console.log('recv: ', evt.data);
        };
        websocket.onerror = function(evt) {
            console.log('error...', evt);
        };
        return websocket;
    }

    var websocket = initWebSocket("ws://echo.websocket.org/");
    var msg, i = 0;
    var loop = setInterval(function(){
        msg = "Hello " + (i++);
        if(websocket.readyState == WebSocket.OPEN) {
        	websocket.send(msg);
        	console.log('send: ' + msg);
        } else {
        	clearInterval(loop);
        	console.log('websocket was closed. Bye.');
        }
    }, 3000);
</script>
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值