CODEWITHSUNDEEP
javascripthtmlbuttontimehide
ThankYou
ThankYou

Reputation: 3

make HTML button disappear on click, then reappear after X time?

How do I make HTML button disappear on click, then reappear after 2 seconds? I found some ways of doing this but I need it to work with the code I already have. How can I accomplish this?

<script language="JavaScript">

  function enableTorch(milliSeconds) {
    ipwajax('enabletorch');
    window.setTimeout("ipwajax('disabletorch');",milliSeconds);
  }

</script>
<input type="button" style="font: bold 20px Arial" onclick="enableTorch(1500);" value="LED ON">

Upvotes: 0

Views: 5430

Answers (4)

999k
999k

Reputation: 6565

Check this

function enableTorch(milliSeconds) {
   ipwajax('enabletorch');
   document.getElementById('torch').style.display="none";
   setTimeout(function(){ipwajax('disabletorch');document.getElementById('torch').style.display='inline'}, milliSeconds);
  }


<input type="button" id = "torch" style="font: bold 20px Arial" onclick="enableTorch(1500);" value="LED ON">

Upvotes: 1

shenku
shenku

Reputation: 12420

$(document).ready(function(){
  $("button").click(function(){
    $(this).hide().show(2000);
  });
});

Upvotes: 1

Tommi Halonen
Tommi Halonen

Reputation: 248

Here you go http://jsfiddle.net/4eCrQ/

$('.first').on('click', function() {
    $('.second').hide();
    setTimeout(function() {
        $('.second').show();
    }, 2000);
});

Upvotes: 0

KAsh
KAsh

Reputation: 304

<!--
$("p").hide()
Demonstrates the jQuery hide() method, hiding all <p> elements.
-->
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("button").hide();
    $("button").show(2000);/*2 sec time*/
  });
});
</script>
</head>

<body>

<button>Click me</button>
</body>
</html>

this one will hide the button and reshow in 2 sec

Upvotes: 1

Related Questions