window.open 多个 setintervals 图像循环

Question

我的间歇训练有 3 个问题。

一个是我的内部只显示两张图片，而我正在尝试显示 4 张。我试图复制我的功能并将 <img /> 更改为 doc.write(didn't work)。

最后，我如何从这些间隔（显示 1、2、3、4）nostop 中创建一个循环。它需要将所有图像显示到 window.open。（任何建议：创建一个 <img /> 的数组更好吗？）

<script type="text/javascript" >
    var OpenWindow = window.open("http://vrjournal.com/adtech-new-york-showcases-virtual-realitys-move-into-mobile-advertising","","top=100, left=400,resizable=yes,height=550,width=550,menubar=yes,location=yes,resizable=yes,scrollbars=yes");

    Update1();
    function Update1() {
        OpenWindow.document.write("<IMG float:'center' SRC='Oculus.jpg'>");
        setInterval("Update2();",3000);
    }

    function Update2() {
        OpenWindow.document.write("<IMG float:'center' SRC='future-vr.jpg'>");
        setInterval("Update1();",3000);
    }
</script>

Answer 1

如果您打开的 window 与您的代码所在的页面在同一个域中，那么您可以创建图像数组 URL 并将索引推进到 URL 在每个计时器上。

<script type="text/javascript" >
    var OpenWindow = window.open("http://vrjournal.com/adtech-new-york-showcases-virtual-realitys-move-into-mobile-advertising","","top=100, left=400,resizable=yes,height=550,width=550,menubar=yes,location=yes,resizable=yes,scrollbars=yes");

    var imgURLS = ['Oculus.jpg', 'future-vr.jpg', 'img3.jpg', 'img4.jpg'];
    var imgIndex = 0;

    var timer = setInterval(function() {
        if (imgIndex >= imgURLS.length) {
            // done with the array of images, stop the timer
            clearInterval(timer);
        } else {
            OpenWindow.document.write('<img src ="' + imgURLS[imgIndex++] +  '">');
        }
    }, 3000);

</script>

如果您打开的 window 与您的代码所在的页面在不同的域中，那么由于同源安全保护，浏览器不会让您修改另一个 window .

Answer 2

我正在尝试为这些图像生成无限循环。

<script type="text/javascript" >
        var OpenWindow = window.open("","","top=100, left=400,resizable=yes,height=550,width=550,menubar=yes,location=yes,resizable=yes,scrollbars=yes");

        var imgURLS = ['Oculus.jpg', 'future-vr.jpg', 'morpheus.jpg', 'samsungvr.jpg'];
        var imgIndex = {
      for (var i = 0; i < imgURLS.length; i++) { 
        for (var j = 0; j < imgURLS.length; j++)
    };

        var timer = setInterval(function() {
            if (imgIndex > imgURLS.length) {
                clearInterval(timer);
            } else {
                OpenWindow.document.write('<img src ="' + imgURLS[imgIndex++] +  '">');
            }
        }, 3000);

        </script>

window.open 多个 setintervals 图像循环

window.open multiple setintervals images loops

javascript

loops

setinterval

window.open