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

刷新javascript变量而不刷新页面

javascript html

刷新javascript变量而不刷新页面,javascript,html,Javascript,Html,所以我有一个不断变化的变量（num），它由另一个页面控制，但要从另一个页面获取值，我需要刷新页面。我尝试了自动刷新，但我有一个youtube视频播放，它会停止每次刷新。有没有办法只刷新变量？或者不断地执行文件的javascript，以便始终更新值编辑：我没有使用任何服务器端或服务器语言。只需HTML和JS我相信您正在寻找的函数是setInterval（）。每次经过一段时间后，此函数都将调用子函数。在有限的用例中，您可以在脚本中注册一个变量，也可以注册一个间隔计时器来定期更新它。根据您的用例，您

所以我有一个不断变化的变量（num），它由另一个页面控制，但要从另一个页面获取值，我需要刷新页面。我尝试了自动刷新，但我有一个youtube视频播放，它会停止每次刷新。有没有办法只刷新变量？或者不断地执行文件的javascript，以便始终更新值

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

我相信您正在寻找的函数是

setInterval（）

。每次经过一段时间后，此函数都将调用子函数。在有限的用例中，您可以在脚本中注册一个变量，也可以注册一个间隔计时器来定期更新它。根据您的用例，您可能还需要编写一些JS来将数字的新值绑定到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>

下面是使用间隔的示例。在本例中，单击按钮一次即可启动计时器。之后，间隔（1000ms）将自动触发一个事件来更新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>


X=0
var x=0；
函数myFunction（）{
setInterval（函数（）{
x++；
var btn=document.getElementById（“eventBtn”）；
btn.innerHTML='X='+X；
}, 1000);
}

我相信您正在寻找的函数是

setInterval（）

<!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>

下面是使用间隔的示例。在本例中，单击按钮一次即可启动计时器。之后，间隔（1000ms）将自动触发一个事件来更新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>


X=0
var x=0；
函数myFunction（）{
setInterval（函数（）{
x++；
var btn=document.getElementById（“eventBtn”）；
btn.innerHTML='X='+X；
}, 1000);
}

不清楚您想要什么，但是Ajax是从后台的另一个资源检索数据的工具。这个变量存储在哪里？在哪里换车？在服务器上的某个数据库上？像实时更新之类的东西？“要从另一个页面到另一个页面获取值，我需要刷新页面“不，你不需要，你可以使用AJAX。虽然您只是从另一个静态HTML页面加载，但您必须解析该页面并查找值。您可以创建类似于主干通知的通道，并使用通道上的侦听器轮询值。如果您熟悉react或vuejs，则可以轻松地使用它们中的任何一个，使用vanilla Javascript很难理解您想要什么，但是Ajax是用来从后台的另一个资源中检索数据的东西？在哪里换车？在服务器上的某个数据库上？像实时更新之类的东西？“要从另一个页面到另一个页面获取值，我需要刷新页面“不，你不需要，你可以使用AJAX。虽然您只是从另一个静态HTML页面加载，但您必须解析该页面并查找值。您可以创建类似于主干通知的通道，并使用通道上的侦听器轮询值。如果您熟悉react或vuejs，则可以轻松地使用它们中的任何一个，很难用香草做，谢谢你。工作起来很有魅力。除非我误解了，否则这个问题问的是如何从另一个页面获取值，但这只是从同一个页面获取和设置了一些内容。人们误解了这个问题，开始评论AJAX，这是一个兔子洞。如果仔细阅读，问题会提到能够通过页面刷新更新值，因此获取网络数据不是核心问题。问题是一直在后台执行JS，非常感谢。工作起来很有魅力。除非我误解了，否则这个问题问的是如何从另一个页面获取值，但这只是从同一个页面获取和设置了一些内容。人们误解了这个问题，开始评论AJAX，这是一个兔子洞。如果仔细阅读，问题会提到能够通过页面刷新更新值，因此获取网络数据不是核心问题。问题是在后台连续执行JS。