Div content change after 10 seconds?

[codelook]

I want a code that changes text (of maybe a div) after 10 seconds.
So like i could have some text and a link on my page then after 10 seconds it will change to something else and i can make it change to as many things as i want. Then when it goes threw them all it starts over.

THANKS

[gizmo1650]

<script type="text/javascript">
var content=["<a href='www.url.com'> link 1 </a>",
             "< a href='www.url2.com'> link 2 </a>",
             "insert html content"]
function change(){
           var new=foo.shift()
           document.getElementById('change').innerHTML=new;
           foo[foo.size-1]=new
}
setInterval(change, 10000);
</script>

<div id="change"> </change>

[jmrker]

I tweeked 'gizmo1650's script just a bit for testing purposes.

<script type="text/javascript">
// From: http://www.codingforums.com/showthread.php?t=211050

var content = [
  "<a href='www.url.com'> link 1 </a>",
  "<a href='www.url2.com'> link 2 </a>",
  "insert html content"
];
var msgPtr = 0;
var stopAction = null;

function change() {
  var newMsg = content[msgPtr];
  document.getElementById('change').innerHTML = 'Message: '+msgPtr+'<p>'+newMsg;
  msgPtr++;  msgPtr = (msgPtr % content.length);
}

function startFunction() { change();  stopAction = setInterval(change, 5000); }
function stopFunction() { clearInterval(stopAction); }

</script>

<button onclick="startFunction()">Start</button>
<button onclick="stopFunction()">Stop</button>
<div id="change" style="border:5px solid red;width:300px; height:200px;background-Color:yellow"> </div>

He was on the right track, just needed some mods.

[codelook]

This is great! it will do exactly what i want!!

[jmrker]

Originally Posted by codelook

This is great! it will do exactly what i want!!

You're most welcome.
Happy to help, I'm sure, from both of us.
Good Luck!

[codelook]

sorry but i couldn't get it to start automatically any help?

[jmrker]

Originally Posted by codelook

sorry but i couldn't get it to start automatically any help?

....
onload = function() {
  startFunction(); 
}
</script>
....

[codelook]

thanks again

[shunail]

Hi,
is it possible to change the background color of a webpage from black to white after 20 seconds or so? Please help. Thanks

[Philip M]

Originally Posted by shunail

Hi,
is it possible to change the background color of a webpage from black to white after 20 seconds or so? Please help. Thanks

Yes, of course it is possible. But this is so simple that you ought to Google for the answer.
And please do not revive some long-finished thread. Prefer to start a new thread of your own.

Here you are:-

<script type = "text/javascript">

document.bgColor = 'black';
setTimeout(changeBGC, 20000);  // 20 seconds

function changeBGC(){
document.bgColor = 'white';
}
</script>

"99.9 percent of lawyers give the rest a bad name." - Unknown

[shunail]

Thanks SO MUCH Philip. I did searched Google but only thing I found was random colors scripts, named Disco Script. Thanks for the code