JavaScript（8）BOM,定时器与计时器

已于 2022-03-17 18:49:26 修改
阅读量196 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
于 2021-04-01 19:06:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Onlyfor_Lamb/article/details/115376222
版权

BOM

 - 浏览器对象模型

 - BOM可以使我们通过JS来操作浏览器

 - 在BOM中为我们提供了一组对象来完成浏览器操作

window

-代表整个浏览器的窗口，同时Window也是网页中的全局对象

navigator

-代表当前浏览器的信息，通过该对象可以识别不同的浏览器

 一般我们只会使用 userAgent 来判断浏览器信息。userAgent 是一个字符串，不同的浏览器有不同的userAgent 。

   userAgent : console.log(navigator.userAgent);

chrome

360浏览器

 Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.82 Safari/537.36
火狐 Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:87.0) Gecko/20100101 Firefox/87.0
IE11

Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.
最低0.47元/天 解锁文章
lightwine
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
BOM，计时器，计时器事件锁
qq_44417271的博客
08-21 167
JavaScript的组成部分 1. ECMAScript JS的核心 2. DOM（文档对象模型 document） js和页面中元素通信的接口 3. BOM（浏览器对象模型 window） 浏览器给开发者的一个接口 BOM 设置地址栏的位置 window.location.href = "http://www.baidu.com"; * location 位置 * href 设置/返回当前地址栏上的位置 * reload() 刷新页面 * history 历史记录 * back() 返回到上
BOM计时器
weixin_45766103的博客
11-26 174
1.间隔定时器 每隔多久执行一次，时间单位是毫秒（1秒=1000毫秒） （1）设置一个间隔计时器 setInterval (function(){ console.log('我是间隔计时器要做的事情，每隔1秒执行一次'); },1000); （2）清除一个间隔计时器 var timer = setInterval (function(){ console.log('我是间隔计时器要做的事情，每隔1秒执行一次'); },1000); clearInterval(timer);//清除timer这个间隔计
js-BOM和js-DOM计时器
XUELUO123456789的博客
04-01 285
一.BOM 1.window 2.Location 3.History 4.navigator BOM：浏览器对象模型 --window---整个浏览器窗口 --navigator--代表当前浏览器的信息 --Location--代表当前浏览器的地址，可获取地址栏 --History--代表浏览器的历...
BOM定时器
weixin_54418006的博客
01-13 317
1. setTimeout() 定时器 window.setTimeout(调用函数,[延迟的毫秒数]); setTimeout() 方法用于设置一个定时器，该定时器在定时器到期后执行调用函数一次。 setTimeout() 这个调用函数称为回调函数 callback 注意： window可以省略 这个调用函数可以直接写函数，或者写函数名或者采取字符串 ‘函数名()’ 三种形式。第三种不推荐 延迟的毫秒省略默认是0，如果写必须是毫秒 因为定时器可能有很多，所以经常给定时器赋值一个标识符 &l
Bom——定时器
zx2014567296的博客
07-22 355
定时器 定时器概念 setTimeout(调用函数/函数名，[延迟的毫秒数]) setTimeout又称为回调函数callback，上一件事干完再回头调用的意思，只调用一次 setInterval(回调函数，[间隔的毫秒数])。每隔设定的时间运行一次函数，会重复调用 案例 案例1：5秒关闭广告 效果：图片、文字过5秒后消失。 核心思想 设置定时器，当过了5秒后，被选中的事件源设置display = 'none' 。 由于该效果只使用一次，因此设置setTimeout。 代码 javascri
javascript设计简单的秒表计时器
10-23
主要介绍了javascript设计简单的秒表计时器，该秒表将包括两个按钮和一个用于显示时间的文本框，当单击开始按钮时开始计时，最小单位为0.01秒，此时再次单击按钮则停止计时，文本框显示经过的时间，需要的朋友可以...
JavaScript定时器设置、使用与倒计时案例详解
10-16
主要介绍了JavaScript定时器设置、使用与倒计时案例,详细分析了javascript定时器的设置、取消、循环调用并附带一个倒计时功能应用案例,需要的朋友可以参考下
JavaScript计时器示例分析
10-24
主要介绍了JavaScript计时器示例分析,需要的朋友可以参考下
javascript计时器编写过程与实现方法
10-22
主要为大家详细介绍了javascript计时器编写过程与实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
js--bom计时器
weixin_44892520的博客
08-04 193
bom:browser object model
【BOM】定时器
weixin_45321793的博客
02-04 195
目录一、执行一次的定时器二、重复执行的定时器三、案例四、补充 JS中的定时器分为两类：一类是计时结束执行一次的计时器，一类是每隔指定时间执行一次的计时器 一、执行一次的定时器 1、语法： window.setTimeout(函数, 时间); 2、说明 - window可以省略 - 这个调用函数可以直接写函数，或者函数名 - 时间的单位是毫秒 - 因为定时器一般有很多，所以我们一般给定时器赋值一个标识符 3、案例：2秒后控制台输出时间到了 //写法一：直接将函数写到新参位置 var timer = se
BOM------计时器和动画
qql960621的博客
03-24 243
1.计时器 /** * BOM中有两个定时器---计时器 * * 定时器----setInterval(); * 参数一: 函数 * 参数二：时间----毫秒---1000毫秒--1秒 * 执行过程：页面加载完毕后，过了1秒，执行一次函数的代码，有过1秒在执行一次。。。。 * * 清理定时器----- window.clearInterval(定时器Id); * * 另一个定...
定时器和BOM
qq_37607451的博客
01-13 197
定时器和BOM <body> <input type="button" id="btn" value="按钮"/> <input type="button" id="btn_" value="停止定
[JavaScript-BOM] 倒计时效果
chen_ousong的博客
02-14 516
setInterval()定时器 语法 window.setInterval(回调函数，[间隔的毫秒数])； 重复调用一个函数，每隔这个间隔时间，就调用一次 注意 window可以省略 书写方式一，直接写函数 setInterval( function() {} , 2000); 书写方式二，写函数名 setInterval( fn , 2000); 需要定义好的函数 function f...
利用JS BOM制作简易时钟
A_hapiness的博客
09-02 428
用到的知识点： 1.BOM 2.DOM 3.间隔定时器 4.date对象 HTML和CSS代码段 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con...
2020-10-25 JavaScript—BOM—setInterval实现倒计时
赵小贝的博客
10-25 392
setInterval实现倒计时 文章目录setInterval实现倒计时效果一、html二、JavaScript部分获取当前时间倒计时修改倒计时 效果 在HTML中确定倒计时的初始值，中心部分进行倒计时，下方可获得当前时间，点击相应的倒计时框，弹出会话框，可获得当前倒计时的值，可进行修改，返回修改后的值，接着倒计时，效果如下图 提示：以下是本篇文章正文内容，下面案例可供参考 一、html 分为三部分，标题、倒计时、底部当前时间 CSS本文章省略，可按照个人喜好设计样式 <!--header-
Js之Navigator对象
阿祥小王子的博客
05-19 628
敬请关注博客，后期不断更新优质博文，谢谢 Window对象的navigator属性引用的是包含浏览器厂商和版本信息的Navigator对象。Navigator对象的命名是为了纪念Netscape之后NavigatorBU览器译注2，不过所有其他的浏览器也支持它（IE还支持clientln formation属性，它作为navigator的厂商中立同义 词。遗憾的是，其他浏览器并不支持这一更直观...
已解决：前端的navigator是什么，干什么用的，大致提一句
最新发布
Spy003的博客
04-05 3051
在前端开发中，我们通常会使用 navigator 对象来获取用户浏览器的相关信息，例如浏览器的名称、版本、语言设置、设备类型等等。需要注意的是，navigator 对象的属性和方法可能在不同的浏览器和设备中表现不同，因此在使用时应该进行兼容性测试和适当的降级处理。navigator.mediaDevices: 提供了一组 API，用于访问当前设备的音频、视频、屏幕等媒体设备。navigator.geolocation: 提供了一组 API，用于获取当前设备的地理位置信息。
定时关闭广告2020/11/24
weixin_50286102的博客
11-24 460
setTimeout(function() { ad.style.display = ‘none’ }, 2000) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=
前端定时器和计时器区别
03-29
前端定时器和计时器的主要区别在于它们的用途和实现方式。 前端定时器（timer）是一种用于在指定时间间隔内执行某个操作的机制。它通常被用来实现一些重复性的任务，如轮播图、计时器等。定时器可以通过JavaScript...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值