在循环中打开多个 windows

Question

I am having issues opening multiple windows in a correct order, no matter what I try it opens all windows simultaniously - which can be serveral hundred. I am trying to open one window, do something, close window, repeat until all have opened.

var mission = document.querySelectorAll('a[href*="/missions"]');
var i;

document.getElementById("sharebtnalliance").onclick = function shareMission(){
    for(i = 0; i < mission.length; i++){
        window.open(mission[i], "", "height: 80%; width: 80%;");
        setTimeout(function() {
            window.close();
        }, 5000);
    }
}

The delay does not seem to kick in, 5 seconds would be long enough to do what needs doing before opening the next URL but it also does not close them - could be because the browser is struggling to keep up with so many opening pages.

Answer 1

I personally wouldn't use a timeout, you should probably wait for the window to be closed with something like this: NB This will only work if the URLs are on the same domain.

CAVEAT: THIS HAS NOT BEEN TESTED AND MAY REQUIRE SOME DEBUGGING

 var mission = document.querySelectorAll('a[href*="/missions"]'); document.getElementById("sharebtnalliance").onclick = async function shareMission(){ for(let i = 0; i < mission.length; i++){ await openWindowAsync(mission[i]); } } function openWindowAsync(url){ return new Promise(resolve => { const w = window.open(url, "", "height: 80%; width: 80%;"); w.addEventListener('close', resolve); }); }