asked on 4/2/2017

Timer on div

Hi experts, would it be possible to put timer on div? I have a div with an id, txtHint. then, I have this command document.getElementById("txtHint").innerHTML="Hello" Here, the message "hello", I want it to disappear after 3 seconds. Thanks!

<div id="txtHint"></div>

* div HTML JavaScript

Last Comment

Leonidas Dosas

4/2/2017

ASKER CERTIFIED SOLUTION

Prakash Samariya

4/2/2017

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

Whing Dela Cruz

4/2/2017

ASKER

Thank you Prakash, now its working!

Prakash Samariya

4/2/2017

Try with below code change

<script>
function Go(e)
{
   var msg = "Hello!"
   document.getElementById("txtHint").innerHTML=msg;
   setTimeout(function(){ document.getElementById("txtHint").innerHTML="" }, 3000);
}
</script>

Open in new window

Prakash Samariya

4/2/2017

welcome :)

Leonidas Dosas

4/2/2017

HTML

<button onclick="Go()">Show</button>

<div id="txtHint">MyHint</div>

Open in new window

//Initialy i set var with the div element
var divElm=document.getElementById('txtHint');
//I hide the divElm
divElm.style.display='none';
//I create a function that when it invokes the div logo appear
function Go()
{
  var msg = "Hello!";
  divElm.innerHTML=msg;
  divElm.style.display='inline';
  //I use the setTimeout to hide the divElm after 3 sec=3000ms
  setTimeout(function(){
  divElm.style.display='none';  
  }, 3000);
}

Open in new window