Executing JavaScript after X seconds

Question

I am building a interstitial page  using  lt div  and JavaScript  really simple script but neat   Everything is working  but I also would like to close the div s after a few seconds  like 10 seconds  for example   Here what I have so far    I have two div s  1 and 2  I have the CSS setup for div 1 like  display  none   div 1 have the content for the splash screen  Div 2 is the layer that will cover the page and leave only div 1 visible    To load the div s I have a onload function like this   onload  document getElementById  div1   style display  block  document getElementById  div2   style display  block     To hide the divs I have an onclick function like this    lt a href    javascript void 0   onclick    document getElementById  div1   style display  none  document getElementById  div2   style display  none   gt  lt  a gt    How can I execute the onclick function with a timer  and how can I do it  It also has to be in JavaScript

User · Answer

onclick    setTimeout function     document getElementById  div1   style display  none  document getElementById  div2   style display  none    1000     Change 1000 to the number of milliseconds you want to delay

User · Answer

setTimeout will help you to execute any JavaScript code based on the time you set   Syntax  setTimeout code  millisec  lang    Usage   setTimeout  function1     1000     For more details  see http   www w3schools com jsref met win settimeout asp

User · Answer

I believe you are looking for the setTimeout function   To make your code a little neater  define a separate function for onclick in a  lt script gt  block   function myClick       setTimeout      function           document getElementById  div1   style display  none         document getElementById  div2   style display  none          5000       then call your function from onclick  onclick  myClick

[javascript] Executing JavaScript after X seconds

Examples related to javascript

Examples related to html

Examples related to timer