html - 我可以在 HTML 中输入一个变量并将其提供给 CSS 以更新仪表读数吗？

我正在尝试编写一些代码来读取传感器，并使用我的 ESP32 创建一个显示该值的网页。

但是在带有“针”（想想速度计类型的东西）输出的仪表上，我可以在 CSS 中制作变量，我可以在 CSS 中制作仪表并在 HTML 中正常显示。我可以通过更改 CSS 变量来更改仪表的值，但我希望能够将此变量从我的 HTML 文件传递给 CSS。

这样我就可以在我的 ESP32 上处理 HTML 页面，更新传感器的值并显示它，我似乎无法选择通过 HTML 更新 CSS 变量。

我宁愿远离 JavaScript 来做主人，我已经在学习 CSS 和 HTML 来完成这项工作，但如果需要我会这样做。

或者我可以在 PHP 中做到这一点吗？

有什么建议吗？

标签： htmlcssesp32

如果你想让这个动态化，你别无选择，只能结合你正在使用的 JavaScript 递归。据我了解，它类似于您正在玩弄的百分比值或旋转度值。

对于您的具体情况，我可以推荐的是使用内联样式来更改指标的位置。

就像是：

<div style="width: 99%;"></div>

如果您与我们分享您到目前为止所拥有的代码，将会有所帮助。

另外，据我了解，您对这种编码仍然很陌生，但是对您来说可能非常有用的东西可能是Socket.io，您只需分配一个接收信息并对其进行配置的端口，您就可以将 ESP32 配置为我想将信息发送到那个端口，虽然对那部分不太熟悉。