給你個樣板代碼，照貓畫虎吧：

<script type="text/javascript">
    var ws, timer_id1, time_id2;

    //連接服務(wù)端
    function connect() {
       //創(chuàng)建websocket
       ws = new WebSocket("ws://"+document.domain+":8888");

       //當(dāng)socket連接打開時
       ws.onopen = onopen;

       //當(dāng)有消息時根據(jù)消息類型顯示不同信息
       ws.onmessage = onmessage; 

       ws.onclose = function(e) {
          console.log("連接關(guān)閉，定時重連");
          timer_id1 = setInterval(function(){
            connect();
          }, 5000);
          timer_id2 && clearInterval(timer_id2);
       };

       ws.onerror = function() {
          console.log("出現(xiàn)錯誤");
       };

       //客戶端主動發(fā)送心跳
       var timer_id2 = setInterval(function(){
           console.log("客戶端定時發(fā)送心跳包");
           ws.send('{"type":"ping"}');
       }, 20000);
    }

    //連接建立時發(fā)送數(shù)據(jù)
    function onopen() {
        timer_id1 && clearInterval(timer_id1);
        ws.send('some data...');
    }

    //服務(wù)端發(fā)來消息時
    function onmessage(e){
    }
</script>