Hola Asumo que usted quiere carga la página por completo antes de iniciar el temporizador para cargar la siguiente URL, de lo contrario terminaría mostrando la siguiente URL antes de la ex La página de inicio incluso aparece (dependiendo de la velocidad de internet). En segundo lugar, dijo que desea rotar las URL. A continuación se muestra el código probado en este modelo:
<html>
<head>
<title></title>
<style type="text/css">
</style>
<script type="text/javascript">
var urls = [
"http://www.google.com"
,"http://www.yahoo.com"
,"http://www.ajaxian.com"
,"http://www.ebay.com"
];
function showUrl(idx) {
alert(idx + " Showing " + urls[idx]);
var f = document.getElementById("f");
// call the next load after 5 seconds only after
// this iframe loads
f.onload = function() {
var next = ++idx % urls.length;
setTimeout(function(){
showUrl(next);
}, 5000);
}
// set the src
f.src = urls[idx];
}
</script>
</head>
<body onload="showUrl(0)" class="app-chrome">
<iframe id="f" src="about:blank"></iframe>
</body>
</html>
Adición de una versión más compacta: (Obras en IE6, FF, Opera, cromo)
<script type="text/javascript">
window.onload = (function(urls, interval) {
var idx = 0;
var bAttached = false;
return function showUrl() {
var f = document.getElementById("f");
var onLoad = function() { // loading only after previous page loads
idx = ++idx % urls.length; // rotation
setTimeout(showUrl, interval);
}
if(! bAttached) {
if(navigator.userAgent.indexOf("MSIE") !== -1) {
f.attachEvent("onload", onLoad);
bAttached = true;
}else {
f.onload = onLoad;
}
bAttached = true;
}
f.src = urls[idx];
};
})([
"http://www.google.com" ,"http://www.yahoo.com" ,
"http://www.sun.com" ,"http://www.ebay.com"
], 5000
);
</script>
Echa un vistazo a mi respuesta (segunda versión), funciona en IE6 – naikus
Sugeriría añadir dinámicamente
@Ozaki puede u pls proporcionar un ejemplo por favor. Gracias. – tonyf