Javascript 动态更新node.js中收到的网页上的数字？

我正在使用node.js、html、js和UDP通信

我在node.js服务器上收到了一个数字（RC车的速度），我想在我的网页上显示一个动态更新的数字

现在，我在socket.io的网页上显示了它，但只有在我刷新页面时，数字才会更新

node.js函数：

function disp_speed(message){
    var speedObj = JSON.parse(message);
    var spd = speedObj.value;
    console.log(spd);
    io.on('connection', function(socket) {
        socket.send(spd);
    });
}

html代码：

<p><b>Current Speed:</b> </p>  <p id="speed"></p>

<script>
   var socket = io();
   socket.on('message', function(data){
    document.getElementById("speed").innerHTML = data;
   });
</script>

当前速度：

var socket=io（）； socket.on（'message'，函数（数据）{ document.getElementById（“速度”）.innerHTML=数据； }); 如何编辑此代码以动态更新编号，而不是仅在刷新页面时更新

io.on('connection', function(socket) {
    socket.send(spd);
});

这意味着每当套接字重新连接（您更新页面）时，新数据就会发送到客户端。您需要在值更新时执行此操作，例如：

var speed = 0;

function disp_speed(message){
   var speedObj = JSON.parse(message);
   speed = speedObj.value;
   //propagate update to all sockets
   io.emit("speed", speed);
}

io.on('connection', function(socket) {
    socket.emit("speed", speed);
});

在客户机上：

socket.on("speed", speed => document.getElementById("speed").textContent = speed);

这意味着每当套接字重新连接（您更新页面）时，新数据就会发送到客户端。您需要在值更新时执行此操作，例如：

var speed = 0;

function disp_speed(message){
   var speedObj = JSON.parse(message);
   speed = speedObj.value;
   //propagate update to all sockets
   io.emit("speed", speed);
}

io.on('connection', function(socket) {
    socket.emit("speed", speed);
});

在客户机上：

socket.on("speed", speed => document.getElementById("speed").textContent = speed);

---

您没有正确使用socket.io库。请仔细查看文档。我没有正确使用什么？您没有正确使用socket.io库。请仔细查看文档。我没有正确使用什么？当我发送（“速度”，速度）并侦听套接字时，这起作用。在（“速度”，函数（数据）{…我有其他套接字来回移动，这可能是它没有起作用的原因！当我发送（“速度”，速度）并侦听套接字时，这起作用。在（“速度”，函数（数据）{…我有其他插座来回移动，这可能就是为什么它没有！