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

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

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

求一段实现几个页面在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. 求段Jquery手动向左向右滑动实际的代码
  2. CKeditor 图片上传 完毕后的事件调用有关问题
  3. 小弟求教一个有关问题
  4. Nutz+ExtJS示范教程——预告篇
  5. jsp导出excel资料，使用POI的
  6. very easy question,该如何解决
  7. 鼠标位置显示的有关问题，做成这样的，在页面的位置显示一个下拉单，这个鼠标的位置如果在下面就在上面显示这个单子，如屏幕的最左面单子就在
  8. jsp中request.getParameterNames()跟request.getParameterValues()的学习
  9. javascript中this的含意