Javascript - 网页幻灯片循环

时间:2015-03-10 03:22:33

标签: javascript loops timer

javascript新手 - 真的可以使用一些帮助。基本上,我想创建一个脚本,在循环中加载三个不同的网页。在同一选项卡中打开文件后,将立即加载第一个网页。 4分钟后,加载第二个网页。 2分钟后,第三页。我希望能够灵活地在加载下一页之前更改每个页面的时间。

目标: 1)打开.html文件后,它会将您引导至SAME窗口中的URL1和打开HTML文件的SAME选项卡。 2)4分钟后,它会将您重定向到URL2(在SAME选项卡/窗口中)。 3)打开URL2 2分钟后(从脚本启动开始5分钟),它会将您重定向到URL3(在SAME选项卡/窗口中)。 4)循环一整天直到它被杀死。

当我使用" _html"在URL之后,它会在相同的选项卡/窗口中打开,但接下来的两个URL永远不会加载。我只能让它在单独的标签中工作。

我尝试过location.replace,location.assign没有运气。

<!DOCTYPE html>
<html>
<body>
<script>


    var url1 = "http://www.google.com";
    var url2 = "http://www.yahoo.com";
    var url3 = "http://www.engadget.com";


    function openWindow1()
    {
     window.open(url1);
    };
    openWindow1();


    setTimeout(openWindow2, 240000); //1 minute = 60000ms; 60000ms * 4 minutes = 240000ms
    function openWindow2()
    {
     window.open(url2);
    };

    setTimeout(openWindow3, 360000); 
//1 minute = 60000ms; 60000ms * 2 minutes = 120000ms; 120000ms (2 minutes) + 240000ms (4 minutes) = 360000ms (6 minutes)
    function openWindow3()
    {
     window.open(url3);
    };


</script>

</body>
</html>

0 个答案:

没有答案