javascript/html自动刷新按钮_Javascript_Html

javascript/html自动刷新按钮

javascript html

javascript/html自动刷新按钮,javascript,html,Javascript,Html,我想建立一个网页按钮，如果点击该按钮，每x秒（即5秒=5000毫秒）重新加载一次网页。问题是我的函数在5秒后执行一次，但在单击按钮后不会继续自动刷新。它总是等待下一个按钮单击。理论上，我知道在单击之后，我的函数必须每x秒调用一次，但我只是不知道如何实现这一点。这就是我取得的成绩： <html> <head> </head> <body> <button id = "btn-reload">Automatischer Relo

我想建立一个网页按钮，如果点击该按钮，每x秒（即5秒=5000毫秒）重新加载一次网页。问题是我的函数在5秒后执行一次，但在单击按钮后不会继续自动刷新。它总是等待下一个按钮单击。理论上，我知道在单击之后，我的函数必须每x秒调用一次，但我只是不知道如何实现这一点。这就是我取得的成绩：

<html>
<head>
</head>
<body>
    <button id = "btn-reload">Automatischer Reload der Seite</button>
    <script>
        const btnReload = document.getElementById("btn-reload");

        btnReload.addEventListener("click", function(){
            setInterval(function(){
            location.reload()}, 5000);

        });
    </script>
</body>
</html>


自动换料机
const btnReload=document.getElementById（“btn重新加载”）；
btnReload.addEventListener（“单击”，函数（）{
setInterval（函数（）{
位置。重新加载（），5000）；
});

刷新页面时，所有状态都被清除，因此间隔也不存在。要使其正常工作，您需要在刷新之间保存状态，例如本地存储：

当您刷新页面时，所有状态都被清除，因此间隔也不存在。要使其工作，您需要在刷新之间保存状态的东西，例如本地存储：

如果启用了自动刷新，您可以使用URL作为标记

示例url.com？autorefresh=true

在窗口加载时检查此标志是否设置为运行自动刷新功能

如果启用了自动刷新，则可以使用URL作为标志

示例url.com？autorefresh=true

在窗口加载时检查此标志是否设置为运行自动刷新功能

好的，您可能希望在localStorage中设置启用自动刷新的内容，并验证在加载网页时，如果启用了，启动intervalI，我想您是在做实时通知之类的事情，

setInterval

是最糟糕的解决方案，它可能会导致许多问题。阅读有关

socket

或

signal-R

的详细信息。location.reload将重新加载页面，并将所有html控件设置为其初始状态。好的，您可能希望在localStorage中设置启用自动刷新的内容，并验证在加载网页时，以及在启用自动刷新的情况下，启动intervalI我想你是在做实时通知之类的事情，

setInterval

是最糟糕的解决方案，它可能会导致很多问题。阅读有关

socket

或

signal-R

的更多信息。location.reload将重新加载页面并将所有html控件设置为其初始状态。