javascript - 在网站上显示 DB 的值变化

Question

我有一个带有传感器(加速器)的arduino，它向我的数据库发送单个值。该值随着移动而增加 1。

我设法在控制台日志中显示该值。但当它增加时它不会更新。我确实有一个函数可以做到这一点，但它需要客户端的用户交互。

我想知道当这个值在数据库中改变时，是否可以通过某种方式在网页上改变这个值？

这是我的代码:

Javascript:

//gets the value from the DB and displays it on my webpage
firebase.database().ref('Reps').once('value').then (function(snapshot){
    WemosGet = snapshot.val().Value;
    document.getElementById("progressList").innerHTML=WemosGet;
    console.log(WemosGet);

})

HTML:

<p>Repetitions left: <br><strong id="progressList"></strong></p></strong></p>

我之前尝试过使用 user onaction:

output.innerHTML = slider.value
    update=()=>{
        output.innerHTML = slider.value; 
        // Display the default slider value
        console.log(slider.value)
        setAmount = slider.value;
    }

// Update the current slider value (each time you drag the slider handle)
slider.addEventListener('input', update);

因此，我希望在事件监听器检测到该值已更改(递增)时更新它。这会以类似的方式起作用吗？对此最好的方法是什么？ IM 不知所措。

Answer 1

使用 on('value') 而不是 once('value') 将监听器附加到查询，以便每次发生更改时都会调用它该查询中的数据。 once() 仅获取一次数据。我建议阅读documentation了解其工作原理。