1. 爱易网页
  2. JavaSript
  3. 求一段实现几个页面在iframe中每隔几秒钟自动跳转解决思路

求一段实现几个页面在iframe中每隔几秒钟自动跳转解决思路

日期：2014-05-16　 浏览次数：20526 次

求一段实现几个页面在iframe中每隔几秒钟自动跳转
求一段实现几个页面在iframe中每隔几秒钟自动跳转,这样可以显示几个版块最新的内容.

------解决方案--------------------
<html>
<head>
<script>
$ = function (id) {
return document.getElementById(id);
};

var url = [];

url.push ( 'http://www.baidu.com ');
url.push ( 'http://www.google.com ');
url.push ( 'http://www.csdn.cn ');

var count = 0;

function changeSrc (ifr) {
var iframe = $(ifr);

if (count > = url.length) count = 0;

iframe.src = url[count];

count ++;
}

setInterval( "changeSrc( 'iframe1 ') ",3000);
</script>
</head>
<body>
<iframe id= "iframe1 " src= "http://www.baidu.com "> </iframe> </body>
</html>
------解决方案--------------------
<script language= "JavaScript ">
<!--
//设置版块跳转的路径,多个类此
var bq1={ "1.htm ", "2.htm ", "3.htm "};
var bq2={ "11.htm ", "22.htm ", "33.htm "};

var i=j=0;//各个版块的计数变量;
var time=5000;//5秒跳转;

//跳转函数,counter为相应版块的计数变量
function jump(iframeName,bqArr,counter)
{
if(counter <bqArr.length)
{
iframeName.location.href=bq1[i];
counter++;
}
else
{
iframeName.location.href=bq1[0];
counter=0;
}
}
//调用
window.setInterval(jump( "iframe1 ",bq1,i),time);
window.setInterval(jump( "iframe2 ",bq2,j),time);
//-->
</script>

相关资料更多>

  1. 对表操作 TD隐藏后，如何补位
  2. 各位老师，您们举一个例子，什么情况下一个FORM中有多个提交按钮的情况，小弟我没有这方面的经验，感谢
  3. 障蔽键盘输入js
  4. <a>标签href中#javascript:void有关问题
  5. javascript prototype意思
  6. JavaScript Puzzlers 解密（一）：为什么 ["1" "2" "3"].地图(parseInt) 返回 [1, NaN, NaN]
  7. jquery json ajax事例
  8. 小弟我的学习历程
  9. 无意中发现一个网站，它的图片切换实在太匪夷所思了解决方案