首页 > 其他分享> > window打开关闭方法和window定时器方法

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

2022-08-05 10:35:47 作者：互联网

与开发关闭有关的方法：

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>

标签：定时器,setInterval,fun,window,var,setTimeout,方法,id
来源： https://www.cnblogs.com/ailhy/p/16553265.html