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

Question

我正在使用 How to automatically reload a page after a given period of inactivity 中的 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);