day30 window对象——BOM、定时器setTimeout

JavaScript的组成

• ECMAScript:

  • 规定了js基础语法核心知识。
  • 比如：变量、分支语句、循环语句、对象等等

• Web APIs :

  • DOM 文档对象模型， 定义了一套操作HTML文档的API
  • BOM 浏览器对象模型，定义了一套操作浏览器窗口的API

BOM

• BOM（Browser Object Model）是浏览器对象模型（BOM包含DOM）
  • window对象是一个全局对象，也可以说是JavaScript中的顶级对象
  • 像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的
  • 所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法
  • window对象下的属性和方法调用的时候可以省略window

定时器——延时函数

JavaScript 内置的一个用来让代码延迟执行的函数，叫 setTimeout

• 语法：setTimeout(回调函数, 延迟时间)

• setTimeout 仅仅只执行一次，所以可以理解为就是把一段代码延迟执行, 平时省略window

• 间歇函数 setInterval : 每隔一段时间就执行一次，平时省略window

• 清除延时函数：clearTimeout(timerId)

延时函数简单示例：

 <script>
        setTimeout(function() {
            console.log('时间到了');
        }, 2000);
    </script>

• 注意点
  • 延时函数需要等待,所以后面的代码先执行
  • 返回值是一个正整数，表示定时器的编号

两种定时器对比：执行的次数

• 延时函数：执行一次
• 间歇函数：每隔一段时间就执行一次，除非手动清除