How to rotate a Div after 30 seconds

[developer_MA]

I have a two <divs> and want rotate them.
For example, at the start of the page i want activate one div & its content and then in 30 seconds i want activate content of 2nd div while hiding the earlier div.

For example:

<div id="div1">
<p>some txt & image </p> </div>

<div id="div1">
<p>some txt & image </p> </div>


Can i do this with JavaScript function? The problem is, while there are onload, onClick functions,
there is no function that i can have to be called on 30 seconds after load etc.

I appreciate any help.

[astupidname]

Look in to window.setTimeout() :
http://www.w3schools.com/htmldom/met_win_settimeout.asp

[astupidname]

I should add, that w3schools example is somewhat lacking there, in that they only show you the method of quoting the code to be executed after the delay period. Quoting the code is undesirable, as the string compiler (one of the slowest parts of executing javascript, along with accessing DOM elements) has to start up. It is much better to feed setTimeout the name of a function to run (without quotes or parens () ) or else feed it an anonymous function which contains the code or function with parameters to be run. A better example or two:

<script type="text/javascript">
function myFunction() {
    alert("Hello from myFunction!");
}

function myFunctionWithParameters(parameter1,parameter2) {
    parameter1.style.display = parameter2;
}

window.onload = function () {
    window.setTimeout(myFunction,3000); //3000 milliseconds = 3 seconds
    window.setTimeout(function () { myFunctionWithParameters(document.getElementById('someDiv'), "block"); },6000);
};
</script>

<div id="someDiv" style="display:none;">some text in someDiv</div>

[developer_MA]

Thanks for the input. I'm further along but not there yet.

I understand the SetInteraval() and SetTimeout() and i'm able to fade the divs as I want.
What i can't do is:
Rotate two divs in the same location of the page
when i fade, div 1 it works
when i fade div 2 it works but its fading in its location


Remember i have them like this:
<div id="div1">
<p>some txt & image </p> </div>

<div id="div1">
<p>some txt & image </p> </div>