Question

因此，我有一个不断变化的变量（num），它由其他页面控制，但是要将值从另一个页面获取到另一个页面，我需要刷新页面。我尝试了自动刷新，但是正在播放youtube视频，它将停止每次刷新。有什么方法只能刷新变量吗？或者不断执行文件的javascript，以便始终更新值。

编辑：我没有使用任何服务器端或服务器语言。只是HTML和JS

Answer 1

我相信您正在寻找的功能是setInterval()。每次经过一定时间后，此函数将调用子函数。在有限的用例中，您可以在脚本中注册变量，也可以注册间隔计时器以定期对其进行更新。根据您的用例，您可能还需要编写一些JS来将数字的新值绑定到DOM。

这里是使用间隔的示例。在此示例中，单击按钮一次即可启动计时器。之后，间隔（1000毫秒）将自动触发事件以更新x变量并将新值绑定到DOM。

<!DOCTYPE html>
<html>
<body>
<button id="eventBtn" onclick="myFunction()">X = 0</button>
<script>
var x = 0;
function myFunction() {
    setInterval(function(){ 
        x++;
        var btn = document.getElementById("eventBtn");
        btn.innerHTML = 'X = ' + x;
    }, 1000);
}
</script>
</body>
</html>

Interactive JS Fiddle for example

W3Schools - "Window setInterval() Method"

刷新JavaScript变量而不刷新页面

1 个答案: