0

提前抱歉我缺乏技术语言！

所以，我想做的是一个用于 twitch 的订阅计数器，它将在 OBS（开放广播软件）中使用，我制作了在 node.js 中实际计算订阅数的部分（我实际上让它们保存了多少订阅发生在文本文件中）。我缺少的是在 OBS 上显示的部分，这是我用 html 和 CSS 制作的实际图形计数器。我这样做是为了在我运行 node.js 文件时使用http.createServer().listen(port)带有 html 的函数创建一个本地 Web 服务器 (localhost:etc)。问题是我需要调用一个函数 ( setValue())，它位于 HTML 文件中的 java 脚本脚本中，它改变了计数器状态（百分比和条形填充）......有什么办法吗？

html脚本代码：

<script type="text/javascript">

    let reader = new FileReader();



    class ProgressBar {
        constructor(element, initialValue = 0) {
            this.valueElem = element.querySelector('.progress-bar-value');
            this.fillElem = element.querySelector('.progress-bar-fill');

            this.setValue(initialValue); 
        }

        setValue(newValue) {
            if(newValue < 0){
                newValue = 0;
            }

            if(newValue > 100){
                newValue = 100;
            }

            this.value = newValue
            this.update();
        }

        update() {
            const percentage = this.value + '%';

            this.fillElem.style.width = percentage;
            this.valueElem.textContent = percentage;
        }
    }

    var pb1 = new ProgressBar(document.querySelector('.progress-bar'),50);
</script>
4

1 回答 1

0

你可以使用 WebSockets

WebSockets 是 Web 应用程序中 HTTP 通信的替代方案。

它们在客户端和服务器之间提供了一个长寿命的双向通信通道。

于 2021-05-01T00:14:38.340 回答