javascript - 刷新 javascript 变量而不刷新页面

标签 javascript html

所以我有一个不断变化的变量(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>

Interactive JS Fiddle for example

W3Schools - "Window setInterval() Method"

关于javascript - 刷新 javascript 变量而不刷新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50951665/

相关文章:

javascript - 如何将 blob 上传到 Parse?

jquery - 动态添加行时如何让表格向上增长?

javascript - 为什么 float 位置元素在元素缩小时不移动

c# - 不完整的视频流式传输到移动浏览器 - HTTP header

javascript - YUI 工具提示未显示在面板顶部

javascript - 简单的幻灯片无法正常工作

javascript - 整个页面图库加载/调整大小技术

javascript - 根据输入过滤 DOM 元素 - JavaScript

html - Vim 可以突出显示匹配的 HTML 标签,如 Notepad++ 吗?

html - 边距在 IE 和 Mozilla 中显示不同