javascript - 如何停止向 websocket 发送数据的函数并通过单击按钮交替切换到另一个函数

Question

我将数据提供给 websocket 并使用以下方法将其发送到服务器：

function sendData(source, images) {
    var data = {
            data_source: this.source,
            img: this.images
        };
    var Data = JSON.stringify({ type:'image', data: data });
    socket.send(Data);
}

function source1() {
    var source = camera1;
    var images = feed1;
    sendData(this.source, this.images);
}

function source2() {
    var source = camera2;
    var images = feed2;
    sendData(this.source, this.images);
}

button1.addEventListener('click', source1, false);
button2.addEventListener('click', source2, false);

当我单击按钮 2 并交替切换单击时，如何停止 source1 馈送。

在我目前的实践中，当我单击按钮 2 功能 source1 仍在运行。它会导致在另一端渲染的图像在两个图像源之间翻转（可能不是正确的词，我的英语不好）。最糟糕的是，当我在两个按钮之间切换几次点击时，它完全崩溃了。

我该如何解决这个问题？

谢谢，

Answer 1

I think the problem it is on the recipients side. Websockets runs over TCP, which has an internal buffer for buffering the streamed data being sent. No matter how you abuse the sending, they will always arrive in the correct order and un-malformed.