Question

我找到了一个简单的JS脚本，应该每隔1000毫秒刷新一次div，但它不能正常工作，感谢任何帮助。

这是脚本：

window.setInterval("refreshDiv()", 1000);  
function refreshDiv(){  
    document.getElementById("timer").innerHTML;
}

这里是div：

<div id="timer">
    <div class="progress-bar" style="width:
    <?php
        echo (Pot::getTime(1) * 100) / 120;                                 
    ?>%">
    </div>
</div>

该脚本位于名为script.js的文件中，并在页面底部加载，如下所示：

<script src="/styles/js/script.js"></script>

提前感谢您的任何回复： - ）

Answer 1

根据您提供的代码，看起来您在调用refreshDiv时没有对div做任何事情。如果您尝试使用innerHTML更改文字，则需要document.getElementById("timer").innerHTML = 'something'

这个javascript应该有效：

window.setInterval(refreshDiv, 1000);  
function refreshDiv(){  
    document.getElementById("timer").innerHTML = 'example';
}

注意：建议不要使用setInterval中的函数名称，如refreshDiv而不是"refreshDiv()"。

Answer 2

删除引号：

window.setInterval(refreshDiv, 1000);

setInterval期望得到一个函数，而不是字符串。

简单的JS刷新Div不工作

2 个答案: