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

Question

我正在使用如何在给定的不活动时间后自动重新加载页面中的 java 脚本每 30 秒刷新一次我的 html 页面，并且效果很好。 该页面包含一个表单、一些按钮和一些文本字段。该表单还包含一个在页面刷新时更新的状态列表。 单击按钮时，相应的值将发送回服务器。 问题是，一旦我单击了一个按钮，由于 javascript 的刷新，它每 30 秒重复一次。 第一次点击后如何删除按钮？ 我想保留文本字段中的值。

Answer 1

如果您的按钮上附加了一个功能，例如

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

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

Answer 3

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