打开常量新标签

Question

var myWindow;let urls = ["https://stackoverflow.com", "https://stackexchange.com/"];let counter = 0;let openWindow;function openWin(url) {    openWindow = window.open(url, "_blank");}function closeWin(){    openWindow.close();}setInterval(function(){    if(openWindow) closeWin();    openWin(urls[counter]);    counter++;}, 10000)即使在打开所有网址后，这也会继续打开新标签页。如何防止打开任何其他选项卡然后只打开 url。当我加载此网址时，它会打开 4 个网址，但之后会打开 N 个空白选项卡。

Answer 1

您的解决方案很棒，唯一的问题是除非setInterval您取消呼叫，否则呼叫将永远无法完成。

这个解决方案的问题是它涉及一些副作用，以后调试起来会很乏味。

我可以提出一个涉及较少副作用并利用一些新概念（例如 Promises 和 Async/Await 上下文）的解决方案。

"use strict";

function sleep(seconds) {

    return new Promise(function(resolve) {

        window.setTimeout(resolve, seconds * 1000);

    });

}

async function openAndCloseAfter(seconds, url) {

    const openWindow = window.open(url, "_blank");

    await sleep(seconds);

    openWindow.close();

}

async function openAll(urls) {

    for (const url of urls) {

        await openAndCloseAfter(10, url);

    }

}

openAll([

    "https://stackoverflow.com",

    "https://stackexchange.com"

]);

我会让您注意进行必要的运行时类型检查，以防止使用错误的参数类型调用这些函数。

Answer 2

尝试这个

    var myWindow;

    let urls = ["https://stackoverflow.com", "https://stackexchange.com/"];

    let counter = 0;

    let openWindow;

    function openWin(url) {

        openWindow = window.open(url, "_blank");

    }

    function closeWin(){

        openWindow.close();

    }

    setInterval(function(){

        if(openWindow) closeWin();

        if((counter) == urls.length) return

        openWin(urls[counter]);

        counter++;

    }, 1000)