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

Question

I'm using the java script from How to automatically reload a page after a given period of inactivity to refresh my html page every 30 seconds, and it works great. The page contains a form, some buttons and some text fields.The form also contains a statuslist that is updated when the page is refreshed. When clicking on a button will the corresponding value be sent back to the server. The problem is that once I have clicked a button once, it is repeated every 30 second due to the refresh from the javascript. How to remove the button click after the first time? I want to keep the values in the text fields.

Answer 1

If you have a function attached to your button like

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

then add this line to that function

clickFlag = true

otherwise add this to your button tag

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

and change your refresh function as following

 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

You can use meta tags . These attributes HTTP-EQUIV,content are needed. Ex: http://website/login">

Answer 3

I found a solution, but not by using javascript. I added another html page, where I go to when submitting the form. Here I extract the data from the textfields (and call some php). Then I goes back to the first page usining the php header command, with the data attached but not the buttons. I still uses the javascript on the first page to update the statuslist, but don't get any duplicate button clicks due to the refresh.