window打开关闭方法和window定时器方法

与开发关闭有关的方法：

  • close() 关闭浏览器窗口
    • 谁调用我，我关谁
  • open() 打开一个新的浏览器窗口
    • 返回新的Window对象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
    <input id="openBtn" type="button" value="打开窗口">
    <input id="closeBtn" type="button" value="关闭已经打开的窗口">

    <script>
        /*
         打开新窗口
        open();*/

        var openBtn = document.getElementById("openBtn");
        openBtn.onclick = function () {
            //打开新窗口
            open("https://www.baidu.com");
        };

        //关闭新窗口
        var closeBtn = document.getElementById("closeBtn");

        closeBtn.onclick = function () {
            close();
        };
    </script>
</body>
</html>

与定时器有关的方式

  • setTimeout()在指定的毫秒数后调用函数或计算表达式
    • 参数：
      • js代码或者方法对象
      • 毫秒值
    • 返回值：唯一标识，用于取消定时器
  • clearTimeout()取消由setTimeout()方法设置的timeout
  • setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式
  • clearInterval()取消由setInterval()设置的timeout
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>


    <script>
        //一次性定时器
        // setTimeout("alert('boom~~')",3000);

        // var id = setTimeout(fun, 2000);
        // clearTimeout(id);
        function fun() {
            alert('bomm~~');
        }

        var id = setInterval(fun,2000);
        clearInterval(id);

        //循环定时器
        // setInterval(fun, 2000);



    </script>
</body>
</html>
posted @ 2022-08-05 10:24  我滴妈老弟  阅读(101)  评论(0)  编辑  收藏  举报