Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Change iframe src after x seconds

M

MegaMan1311

macrumors regular
Original poster
Jun 30, 2007
216
0
USA
Hello.

I need a script to change the iframes src every certain amount of seconds. The time between the change is different between each one.

Example:
Page Loads
Google.com is loaded.
15 seconds later
Yahoo.com is loaded.
37 seconds later
Ask.com is loaded.
12 seconds later
Dogpile.com is loaded.
and so on and so forth.

I've got the following so far:
Code: 
document.getElementById('frame').src='http://www.google.com'
The frame's id is frame. I think that the timer would be loaded, and when it reaches zero show a variant of the above with an if then statement...

Does this make sense?
Thanks in advance.
 
This should do the trick (though not tested),

Code: 
var frames = Array('http://www.google.com/', 15,
    'http://www.yahoo.com/', 37,
    'http://www.ask.com/', 12,
    'http://www.dogpile.com/');
var i = 0, len = frames.length;
function ChangeSrc()
{
  document.getElementById('frame').src = frames[i++];
  if (i >= len) return; // no more changing
  setTimeout('ChangeSrc()', (frames[i++]*1000));
}
window.onload = ChangeSrc();
 
Hmm... That didn't work. This is my code:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Changing Pages... Please Wait</title>
<script type="text/javascript">
var frames = Array('http://www.google.com/', 15,
    'http://www.yahoo.com/', 37,
    'http://www.ask.com/', 12,
    'http://www.dogpile.com/');
var i = 0, len = frames.length;
function ChangeSrc()
{
  document.getElementById('frame').src = frames[i++];
  if (i >= len) return; // no more changing
  setTimeout('ChangeSrc()', (frames[i++]*1000));
}
window.onload = ChangeSrc();
</script>
</head>
	<body>
	<iframe src="" name="frame" id="frame" width="100%" height="100%"></iframe>
	</body>
</html>
 
Small typo on my part. Last line of code should be,
Code: 
window.onload = ChangeSrc;
The parentheses were throwing it off.
 
Thanks that worked. Just one question though. How would you get it to loop after the last site?
 
MegaMan1311 said:
Thanks that worked. Just one question though. How would you get it to loop after the last site?
Click to expand...

Well depends where you're looping to. Do you want to start over from the beginning after a certain time, or just adding more sites? To loop back to the beginning,

Code: 
var frames = Array('http://www.google.com/', 15,
    'http://www.yahoo.com/', 37,
    'http://www.ask.com/', 12,
    'http://www.dogpile.com/', 14);
var i = 0, len = frames.length;
function ChangeSrc()
{
  if (i >= len) { i = 0; } // start over
  document.getElementById('frame').src = frames[i++];
  setTimeout('ChangeSrc()', (frames[i++]*1000));
}
window.onload = ChangeSrc;
 
mouseover stop iframe

angelwatt said:
Well depends where you're looping to. Do you want to start over from the beginning after a certain time, or just adding more sites? To loop back to the beginning,

Code: 
var frames = Array('http://www.google.com/', 15,
    'http://www.yahoo.com/', 37,
    'http://www.ask.com/', 12,
    'http://www.dogpile.com/', 14);
var i = 0, len = frames.length;
function ChangeSrc()
{
  if (i >= len) { i = 0; } // start over
  document.getElementById('frame').src = frames[i++];
  setTimeout('ChangeSrc()', (frames[i++]*1000));
}
window.onload = ChangeSrc;
Click to expand...

Hi, thanks for your help!
Do you know how i can creat a function pause of the iframe when the mouse is over? and mouseout the iframes continue...
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back