index.html 666 B

1234567891011121314151617181920212223242526
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <div>
  6. <h2>Websocket</h2>
  7. <p>Progress: <span id="websocket"></span></p>
  8. <button onclick="websocket()">Listen</button>
  9. </div>
  10. <script>
  11. function websocket() {
  12. var socket = new WebSocket({{ .websocket }}, "protocolOne");
  13. socket.onmessage = function (event) {
  14. if (event.data === "done") {
  15. document.getElementById("websocket").innerHTML = "done!";
  16. socket.close();
  17. return;
  18. }
  19. document.getElementById("websocket").innerHTML=event.data+"%";
  20. }
  21. }
  22. </script>
  23. </body>
  24. </html>