定时器、BOM、

定时器

在js中定时器有两种
1、setInterval()
2、setTimeout()

1、setInterval()

格式：var 变量名 = setInterval(“执行的语句”,每隔多久执行一次);

【注意】可以写执行的代码，也可以直接传入函数。

返回值：启动定时器时，系统分配的编号

关闭定时器的方式：

直接关闭页面。
clearInterval( );

【注意】 clearInterval函数需要一个参数：定时器的编号。

//执行timer这个函数，每1000毫秒执行一次
  var a = setInterval(timer, 1000);
        var b = 1;

        function timer() {
    
    
        //显示到页面上
            document.write(b);
            b++;
            // 如果b等于10的时候， 定时器关闭
            if (b == 10) {
    
    
                clearInterval(a);
            }
        }

2、setTimeout（）
只在指定时间后执行一次。

关闭：clearTimeout();

【注意】 clearTimeout函数需要一个参数：定时器的编号。

  function hello(params) {
    
    
            alert("helloWord!");
        }
        // 执行hello函数代码，1000毫秒后开始执行
        var ti = setTimeout(hello, 1000);
        // 关闭定时器
        clearTimeout(ti);

BOM

JavaScript 由三大部分组成：

ES：语法标准，函数，对象。
BOM：borwser object model 浏览器对象模型操作浏览器部分功能的
DOM：文档对象类型，操作网页上的元素。

window对象：

1.是JavaScript中的顶级对象

2.全局变量，自定义函数都属于window的属性或方法。

3.我们在使用window对象下的属性或方法时，可以省略window.

常见的BOM对象：

1.window 代表整个浏览器窗口，window对象是BOM中的顶级对象。

2.Navigator 表示浏览器的一些信息。

3.Location 表示浏览器当前的地址信息。

4.History 浏览器的历史记录信息。

5.Screen 表示用户的屏幕信息。

window对象的常用方法：

1.弹出系统对话框。
(1) alert() 弹出框
(2) prompt() 输入信息框
(3) confirm() 显示的文本信息

var a = confirm("请确认")
        if (a) {
    
    
            alert("您点击了确认");
        } else {
    
    
            alert("您点击了取消");
        }

2.打开窗口
window.open(url,target,param)

url :要打开的地址

target:新窗口的位置。 _blank,_self,_parent(父框架下)

param:新窗口的一些设置。

name：新窗口的名字，可以为空

【注意】name需要写在target前面。

返回值：新窗口的句柄。

3.关闭窗口

window.close(); 关闭当前窗口

open返回值.close(); 关闭新窗口

 var newOpen = null;

        function b() {
    
    
            newOpen = window.open("https://www.baidu.com", "baidu", "width=400,height=400,left=300,top=300", "_blank")
        }

        function c() {
    
    
        //关闭窗口
            newOpen.close();
        }

在这里插入图片描述

代码在线编辑器