使用 window.open() 打开一个带有链接的新标签，我希望该标签在 15 秒后自动关闭

Question

I am using window.open function in a button with onclick event. I want to open link in new tab and new tab should be closed after 15 seconds. So the countdown should be on the current page where button exists. Code snippet:

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

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

</script>

Answer 1

when you open the new window store the window handler in a global variable and after clicking the button use setTimeout() function to close the window after several times. In setTimeout() function put time in miliseconds refers how many times it delay to execute the given function.

<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>

See the jsFiddle for demo.

Answer 2

You can achieve this way:

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

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