使用 window.open() 打開一個帶有鏈接的新標簽，我希望該標簽在 15 秒后自動關閉

Question

我在帶有 onclick 事件的按鈕中使用 window.open 函數。 我想在新標簽中打開鏈接，新標簽應該在 15 秒后關閉。 所以倒計時應該在按鈕所在的當前頁面上。 代碼片段：

<button onClick="openlike()">Like</button>
<script>

        function openlike(){
            var likewindow = window.open('http://www.google.com');
        }

</script>

Answer 1

當您打開新窗口時，將窗口處理程序存儲在全局變量中，並在單擊按鈕后多次使用setTimeout()函數關閉窗口。 在setTimeout()函數中，以miliseconds時間是指延遲執行給定函數的次數。

<button onClick="openlike()">Like</button>

<script>
        var likewindow;
        function openlike(){
            likewindow = window.open('http://www.google.com');
            setTimeout(windowClose,15000);
        }
        function windowClose(){
            likewindow.close();
        }

</script>

有關演示，請參閱jsFiddle 。

Answer 2

您可以通過這種方式實現：

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    var newWindow = window.open("http://www.w3schools.com");
    setTimeout(() => newWindow.close(), 15 * 1000);
}
</script>