window打开关闭方法和window定时器方法()-其他

发表于： 8月 5, 2022 8月 5, 2022
分类：其他
标签：其他

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

与开发关闭有关的方法：

close() 关闭浏览器窗口
谁调用我，我关谁
谁调用我，我关谁
open() 打开一个新的浏览器窗口
返回新的Window对象
返回新的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代码或者方法对象
毫秒值

返回值：唯一标识，用于取消定时器
参数：
js代码或者方法对象
毫秒值
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>

————————

与开发关闭有关的方法：

close() 关闭浏览器窗口
谁调用我，我关谁
谁调用我，我关谁
open() 打开一个新的浏览器窗口
返回新的Window对象
返回新的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代码或者方法对象
毫秒值

返回值：唯一标识，用于取消定时器
参数：
js代码或者方法对象
毫秒值
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>