Javascript button disable and enabled using for particular time

Question

newbie to java script , I want to do like when any one click on first Button,then second button is disabled for 30 seconds , after the enabled of second button, click on second button and third button visible to the user. I know simple disable enable buttons on tutorials Thanks.

<!DOCTYPE html>
<html>
<body>

<input type="button" id="myBtn" value="My Button">

<p>Click the button below to disable the button above.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {

     document.getElementById("myBtn").disabled = true;
}
</script>

</body>
</html>

BabyDuck · Accepted Answer · 2015-03-11 11:28:07Z

3

Use setTimeout function to do it.

<script>
function myFunction() {
     document.getElementById("myBtn").disabled = true;
     setTimeout(function(){
       document.getElementById("myBtn").disabled = false;
     }, 5000);
}
</script>

Hope it works.

answered Mar 11, 2015 at 11:28

BabyDuck

1,2491 gold badge9 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

BabyDuck Over a year ago

Ooops! @AlexG, I did not know :)

dhru soni Over a year ago

@balaG u have to edit your question 500 not working 5000 will work

dhru soni Over a year ago

@balaG and Read my question please i know how to disabled and enable

Mohsen Tavoosi محسن طاوسی · Accepted Answer · 2015-03-11 11:31:06Z

1

Use setTimeout() function and variables to flag click status:

 setTimeout("myFunction();", 30000);

answered Mar 11, 2015 at 11:31

Mohsen Tavoosi محسن طاوسی

6831 gold badge7 silver badges20 bronze badges

Comments

Vladu Ionut · Accepted Answer · 2015-03-11 11:31:07Z

see this plunker http://embed.plnkr.co/ZUmGoGEr2TYHlfPhUJgK/preview

<!DOCTYPE html>
<html>
  <head>

    <script src="script.js"></script>
  </head>
<body>

<input type="button" id="myBtn" value="My Button"  onclick="document.getElementById('thirdBtn').style.display='block'">
<input type="button" style="display:none;" id="thirdBtn" value="Third Button">
<p>Click the button below to disable the button above.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
document.getElementById('thirdBtn').style.display='none';
        document.getElementById("myBtn").disabled = true;
     setTimeout(function(){

       document.getElementById("myBtn").disabled = false;
     }, 30000);
}
</script>

</body>
</html>

Collectives™ on Stack Overflow

Javascript button disable and enabled using for particular time

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related