interval is not functioning properly for vad id

[realcoder]

why my vad show quickly even m settting time on that to display

here is my code

<div id="vad">
<div id="adcode">

CODE SHOW HERE
</div>
<div id="cbut" onClick="document.getElementById('vad').style.display='none'">CLOSE</div>

 </div>

   <script> 

k=setInterval('document.getElementById("vad").style.visibility="visible"',20000);

v=setInterval('document.getElementById("cbut").style.visibility="visible"',30000)

</script></div>

[johanafm]

Becuase your html code says it's supposed to be shown as soon as that content is loaded into the browser. If you do not want it to display right away, you should set it to not display initially (CSS).

Also, you have several other issues with your code.
1. Your "CLOSE" onclick (if your page is in XHTML, drop the camel casing and validate your code at http://validator.w3.org) changes display style for "vad", but not for "cbut", which means that both divs will be shown simultaenously when vad is shown again (assuming they ever would be, see item 2 below). At least the first time. See item 3 below.

2. Your CLOSE onclick changes display, while the interval functions doesn't change display. They change visibility (to the same value as it allready is on page load: "visible"). So after a click on "CLOSE", those divs will never be shown again.

3. There will not be a fixed 10 second difference between execution times of the two interval functions. There will be a 10 second difference every (2n + 1) times the 30 second timeout is executed and every (3m + 1) times the 20 second timeout is executed. Wrap your 20 second timeout in a function, execute that function using setInterval, and at the end of that funciton use setTimeout to execute the other code 10 seconds later.