使用 javascript 刷新我的 html 页面时如何清除按钮点击？

Question

我正在使用 How to automatically reload a page after a given period of inactivity 中的 java 脚本每 30 秒刷新我的 html 页面，效果很好。该页面包含一个表单、一些按钮和一些文本 fields.The 表单还包含一个状态列表，该列表会在页面刷新时更新。当点击一个按钮时，相应的值将被发送回服务器。问题是一旦我点击了一个按钮一次，由于 java 脚本的刷新，它每 30 秒重复一次。第一次点击后如何删除按钮？我想保留文本字段中的值。

Answer 1

您可以使用元标记。需要这些属性 HTTP-EQUIV,content。例如：http:///website/login">

Answer 2

如果你的按钮有附加功能，比如

<button onclick="myFunction()">Click me</button>

然后将此行添加到该函数

clickFlag = true

否则将其添加到您的按钮标签

<button onclick="clickFlag = true">Click me</button>

并如下更改刷新函数

 var time = new Date().getTime();
 $(document.body).bind("mousemove keypress", function(e) {
     time = new Date().getTime();
 });

 function refresh() {
     if(new Date().getTime() - time >= 30000 && clickFlag) 
         window.location.reload(true);
     else 
         setTimeout(refresh, 10000);
 }

 setTimeout(refresh, 10000);

Answer 3

我找到了解决方案，但不是通过使用 javascript。我添加了另一个 html 页面，提交表单时我会转到该页面。在这里，我从文本字段中提取数据（并调用一些 php）。然后我使用 php header 命令返回到第一页，其中附有数据而不是按钮。我仍然使用第一页上的 javascript 来更新状态列表，但是由于刷新而没有得到任何重复的按钮点击。

使用 javascript 刷新我的 html 页面时如何清除按钮点击？

How to clear button clicks when using javascript to refresh my html page?

html

javascript

variables

page-refresh