- 搜索
日期：2025/04/06 07:24来源：未知 人气：52
JavaScript 中万物皆为对象，今天复盘一些常用的浏览器对象、内置对象及方法，制作动态的幸运数字就会用到这些知识。
1
window 对象
window对象就是当前浏览器窗口，是一个最大的对象，也就是之前讲过的 JavaScript 三大核心之一的 BOM（浏览器对象模型），TA 有很多常见的方法，从网上扒拉了一张图：
不可能每一个方法都去复盘到，第一个alert() 方法之前的文章中用到过几次，window对象今天主要复盘后面四个计时器方法。
2
计时器
在 JavaScript 中，我们可以用计时器方法设置每隔多久执行一次代码，计时器又分为一次性计时器和间隔计时器，TA 们分别又有一个取消计时的方法。
这就好比手机上设置闹钟时的每日闹钟和仅此一次。
setTimeout()、clearTimeout()setTimeout(执行代码, 延迟时间) 方法只能执行一次，也就是在指定的延迟时间（ms）之后触发一次。clearTimeout(返回 ID) 通过 setTimeout() 返回的 ID 取消计时器
setInterval()、clearInterval()setInterval(执行代码, 间隔时间) 每隔指定的时间执行一次。clearInterval(返回 ID) 通过 setInterval() 返回的 ID 取消计时器
3
内置对象
再介绍两个自带的对象 Date 和 Math ：
Date() 可以储存任意一个日期，并精确到毫秒数（1/1000 秒）。Math() 可以对数据的进行数学计算。
Date 对象的方法可以获得具体的时间，例如日期、分钟等：
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)getFullYear() 从 Date 对象以四位数字返回年份getHours() 返回 Date 对象的小时 (0 ~ 23)getMinutes() 返回 Date 对象的分钟 (0 ~ 59)getMonth() 从 Date 对象返回月份 (0 ~ 11)，使用时需要 + 1getSeconds() 返回 Date 对象的秒数 (0 ~ 59)...
Math 对象的方法可以进行很多数学运算，例如四舍五入：
ceil() 向上取整floor() 向下取整round() 四舍五入random() 随机数max() 返回给定的数中较大的数min() 返回给定的数中较小的数...
4
动态幸运数字
有了上面复盘的知识，就可以做出一个动态的幸运数字显示，每一秒幸运数字都会发生变化。
实现起来很简单，主要是 Date 对象获取具体的时间，再用Math.random()获取 0~9 之间的随机数，向下取整，最后用到 setInterval()、clearInterval() 间隔计时器，每秒执行一次时间更新和幸运数字更新，下面是源码：
<!DOCTYPE html>
5
其他的浏览器对象
除了 window对象外，浏览器中还有一些其他的对象，以后可能会用的上，今天只做一下简单的介绍，知道有就行：
location 可以获取当前浏览器窗口的 URL 以及相关信
Navigator 可以获取当前浏览器的信息，通常用于检测浏览器以及操作系统的版本
history 可以获取用户曾经浏览过的页面 UR
screen 可以获取当前用户的屏幕信息
6
好想放假
写完有点晚了，只能早上发了，现在是 2020 年 1 月 22 日 00:24:51，好南好累，好想放假。
还有就是提醒下大家武汉的事，懂的自然懂了，过年尽量不要去人多的地方，出门最好歹口罩，买板蓝根没啥用，别被带了节奏，安安心心在家里搞学习多好~
温故而知新，分享即学习，一起学习，我是玖柒后，明天见，奥利给~
写留言
