如何实现网页自动循环跳转

我现在有9个单独的网页,然后我想再做第10个页面专门用来循环显示这9个页面,比如
第一次登陆的是a.html,然后
a.html过30秒后跳转到b.html
b.html过30秒后跳转到c.html
......
j.html过30秒后再跳转到第一个页面a.html
这样不停的循环,带自动刷新功能。
麻烦大神能够详细的列出代码。

在a.html中加入如下代码:

<script>setTimeout(function(){location.href="b.html"},30000);</script>

在b.html中加入如下代码:

<script>setTimeout(function(){location.href="c.html"},30000);</script>

依此类推……

最后在j.html中加入如下代码:

<script>setTimeout(function(){location.href="a.html"},30000);</script>

如果希望用一个单独的文件来控制9个文件的跳转,可以这样:

<iframe id=show></iframe>
<script>
var i=0,s=["a.html","b.html","c.html","d.html","e.html","f.html","g.html","h.html","i.html","j.html"];
var w=document.getElementById("show");
setInterval(function(){
    w.src=s[i];
    i=++i%s.length;
},30000);
</script>

追问

我必须在每个HTML下都加这段代码吗?
setTimeout(function(){location.href="a.html"},30000);
如果这样的话,那不是这9个单独的页面都会跳转?我只是让第10个页面来循环跳转,单独的页面不会跳转。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-01-18
我也不知道

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网