websocket倒计时

要实现websocket倒计时，可以通过前端发送倒计时总秒数到后端，后端开启一个定时器，每秒钟将剩余秒数通过websocket发送给前端，前端接收到剩余秒数后进行展示即可。

具体实现步骤如下：
1. 前端发送倒计时总秒数到后端
2. 后端接收到倒计时总秒数，开启一个定时器
3. 定时器每秒钟减去1秒，并将剩余秒数通过websocket发送给前端
4. 前端接收到后端发送的剩余秒数进行展示

相关问题

websocket 倒计时 刷新页面会重新计时

这是因为WebSocket是一种实时通信协议，它可以在客户端和服务器之间建立持久性连接，从而实现实时数据传输。当你在倒计时开始后刷新页面，客户端和服务器之间的连接被断开，计时器也被重置。要解决这个问题，你可以在客户端上记录倒计时的开始时间，并在连接断开后重新连接时恢复倒计时。你也可以在服务器端记录倒计时的开始时间，并在客户端重新连接时将剩余时间发送到客户端，从而恢复倒计时。

用websocket怎么实现考试倒计时

1. 首先，在前端页面中引入websocket库，并连接到服务器。

2. 在服务器端，创建一个计时器，每秒钟向所有连接的客户端发送一个倒计时的时间戳。

3. 在前端页面中，接收到服务器发送的时间戳后，更新页面上的倒计时显示。

4. 当倒计时结束时，服务器可以发送一个信号给所有连接的客户端，告知考试结束。

5. 在前端页面中，接收到考试结束的信号后，可以禁用提交按钮等操作，防止考生继续操作。

示例代码：

前端页面：

// 连接websocket服务器
var socket = new WebSocket("ws://localhost:8080");

// 接收到服务器发送的时间戳后，更新倒计时显示
socket.onmessage = function(event) {
  var timeLeft = event.data;
  document.getElementById("countdown").innerHTML = timeLeft;
}

// 接收到考试结束信号后，禁用提交按钮等操作
socket.onclose = function(event) {
  document.getElementById("submit").disabled = true;
}

服务器端代码：

// 创建websocket服务器
var WebSocketServer = require('websocket').server;
var http = require('http');
var server = http.createServer(function(request, response) { /* ... */ });
server.listen(8080, function() { /* ... */ });

// 创建计时器，每秒钟向所有连接的客户端发送一个倒计时的时间戳
var timeLeft = 60;
var timer = setInterval(function() {
  if (timeLeft > 0) {
    timeLeft--;
    server.connections.forEach(function(connection) {
      connection.sendUTF(timeLeft);
    });
  } else {
    clearInterval(timer);
    server.connections.forEach(function(connection) {
      connection.sendUTF("考试结束");
      connection.close();
    });
  }
}, 1000);