在页面刷新javascript后检测div更改

我有一个页面，显示一个带有数字的表格。这是我的搭档在店里看到的价格。这一页是专门为他制作的

价格经常变化。我在WordPress中输入价格。我创建了自定义的帖子类型和一个简单的表单来输入这些数字。一个价格=一个自定义字段。字段的数量大约为30个

而且效果很好。但是我需要检测价格的变化。 我想我的合作伙伴清楚地显示价格变化的网站

理想的情况是，具有新价格的DIV的颜色已更改，并且在其旁边显示一个按钮以重置其颜色。 这样的机制将允许您快速了解价格变化。 此页面每10秒刷新一次

我知道JS的基本知识，但我不知道怎么做。我想您需要使用会话存储。 有人能给我指路或粘贴类似解决方案的链接吗

---

我有很多div，比如：

<div id="price1">[types field='price1'][/types]</div>

---

我提出了一个解决方案。也许它会对其他人有用

<div id="eur-k">123</div>


window.onload = function() {

    setTimeout(function(){
       window.location.reload(1);
    }, 30000);

    // define div to add or remove alert
    var eurkDiv = document.getElementById('eur-k');

    // store current content in a variable
    var eurk = eurkDiv.textContent;

    // compare local storage with current content to make alarm
    if (localStorage.getItem('eurkLoc') != eurk) {
        eurkDiv.classList.add("active");
        eurkDiv.innerHTML = eurk + "<button type=\"button\" class=\"potwierdzenie\" onclick=\"resetFunction()\">OK</button>";
    }

    function resetFunction() {
        eurkDiv.classList.remove("active");
        eurkDiv.textContent = eurk;
        localStorage.setItem('eurkLoc', eurk);
    };
};

123
window.onload=函数（）{
setTimeout（函数（）{
窗口。位置。重新加载（1）；
}, 30000);
//定义div以添加或删除警报
var eurkDiv=document.getElementById（'eur-k'）；
//将当前内容存储在变量中
var eurk=eurkDiv.textContent；
//将本地存储与当前内容进行比较以发出警报
if（localStorage.getItem（'eurkLoc'）！=eurk）{
eurkDiv.classList.add（“活动”）；
eurkDiv.innerHTML=eurk+“OK”；
}
函数resetFunction（）{
eurkDiv.classList.remove（“活动”）；
eurkDiv.textContent=欧元；
localStorage.setItem（'eurkLoc'，eurk）；
};
};

我看不到代码？请向我们展示您的代码，并解释您的确切错误。如果你不能做到这一点，那么你最好雇用一名开发人员。是的，会话存储可能是最好的。但是要检索最新的价格，可能需要使用ajax调用来获取最新的价格，然后填充价格表并确定单元格的颜色。

<div id="eur-k">123</div>


window.onload = function() {

    setTimeout(function(){
       window.location.reload(1);
    }, 30000);

    // define div to add or remove alert
    var eurkDiv = document.getElementById('eur-k');

    // store current content in a variable
    var eurk = eurkDiv.textContent;

    // compare local storage with current content to make alarm
    if (localStorage.getItem('eurkLoc') != eurk) {
        eurkDiv.classList.add("active");
        eurkDiv.innerHTML = eurk + "<button type=\"button\" class=\"potwierdzenie\" onclick=\"resetFunction()\">OK</button>";
    }

    function resetFunction() {
        eurkDiv.classList.remove("active");
        eurkDiv.textContent = eurk;
        localStorage.setItem('eurkLoc', eurk);
    };
};