所以我有一个不断变化的变量(num)并且它由其他页面控制,但是为了将值从其他页面获取到另一个页面,我需要刷新页面。我尝试过自动刷新,但我正在播放 YouTube 视频,每次刷新都会停止。有没有办法只刷新变量?或者不断地执行文件的 javascript,以便值始终更新。
编辑:我没有使用任何服务器端或服务器语言。只需 HTML 和 JS
最佳答案
我相信您正在寻找的函数是setInterval()
。每当经过一定时间该函数就会调用一个子函数。在有限的用例中,您可以在脚本中注册变量,还可以注册间隔计时器以定期更新它。根据您的用例,您可能还需要编写一些 JS 将数字的新值绑定(bind)到 DOM。
这是使用间隔的示例。在此示例中,单击按钮一次即可启动计时器。之后,间隔(1000ms)将自动触发一个事件来更新 x 变量并将新值绑定(bind)到 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>
关于javascript - 刷新 javascript 变量而不刷新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50951665/