Question

我在带有onclick事件的按钮中使用window.open函数。我想在新标签页面中打开链接，新标签页应在15秒后关闭。所以倒计时应该在按钮存在的当前页面上。代码段：

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

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

</script>

Answer 1

你可以这样做：

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

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

Answer 2

当你打开新窗口时，将窗口处理程序存储在一个全局变量中，然后在单击按钮后使用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了解演示。

使用window.open（）打开带有链接的新选项卡，我希望该选项卡在15秒后自动关闭

2 个答案: