首页 > 解决方案 > 有没有办法不断更新变量?

问题描述

我正在尝试在一个选项卡中键入内容,然后在另一个选项卡中弹出此内容。但是,我必须不断地重新加载页面才能收到下一条消息。首先,这是我尝试过的。

<!DOCTYPE html>
<html>
<body>
    <p id="message"></p>
    <script>
        var x = localStorage.getItem('message')
        var i;
        for (i = 0; i < 5) {
            document.getElementById('message').innerHTML = x;
        }
    </script>
</body>
</html>

但是,这会使页面处于不断的重新加载状态。我该怎么做?谢谢!

标签: javascripthtml

解决方案


使用setInterval而不是循环。

setInterval(function() {
    var x = localStorage.getItem('message');
    document.getElementById('message').innerHTML = x;
}, 1000);

这将每秒更新一次。


推荐阅读