定时器和BOM

最新推荐文章于 2022-07-28 22:14:44 发布
最新推荐文章于 2022-07-28 22:14:44 发布
阅读量196 收藏 1
点赞数
分类专栏： js

定时器和BOM

<body>
<input type="button" id="btn" value="按钮"/>
<input type="button" id="btn_" value="停止定时器"/>
<script>
	/*
	 * javascript分三个部分
	 * 1.ECMAScript标准----基本语法
	 * 2.DOM----Document Object Model 文档对象模型，操作页面元素
	 * 3.BOM----Brower Object Model 浏览器对象模型，操作浏览器
	 * 
	 * 浏览器中有个顶级对象：window
	 * 页面中顶级对象：document
	 * 页面中所有的内容都属于浏览器的，页面中的内容也是window的
	 */
	window.function(){
		document.getElementById("btn").onclick=function(){
			alert("页面加载事件，所有内容加载完毕后点击按钮触发");
		}
	}
//		function(){
//			document.getElementById("btn").onclick=function(){
//				alert("这种也可以");
//			}
//			
//		}
	console.log(window.navigator.platform);//判断浏览器所在的系统平台类型
	console.log(window.navigator.userAgent)//判断是什么浏览器类型 
	
	//BOM中的定时器
	var timeId=setInterval(function(){//页面加载完毕后每过一秒就执行一次函数，返回一个id
		alert("每过一秒执行一次这个函数");
	},1000);
	document.getElementById("btn_").onclick=function(){//停止定时器
		window.clearInterval(timeId);
	}

//一次性定时器

		my$("btn_1").onclick=function(){
			var timeId=window.setTimeout(function(){
				alert("一次性定时器");
			},2000)
		//	window.clearTimeout(timeId);  要来清理定时器
		}
</script>
</body>
XiaoXiongV
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
定时关闭广告2020/11/24
weixin_50286102的博客
11-24 442
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=
BOM概述+定时器介绍（秒杀倒计时案例）+（获取验证码倒计时案例）+this指向问题
phoebemeng的博客
07-15 273
BOM概述+定时器介绍（秒杀倒计时案例）+（获取验证码倒计时案例）+this指向问题
定时器、BOM、DOM
skt__的博客
08-19 199
定时器 JS提供的两种异步定时器机制 异步机制代码：在同步机制代码执行后执行的 返回值：不区分定时器类型，表示你是页面中的第几个定时器，number数据类型 返回值的作用：关闭定时器 setTimeout() 语法：setTimeout(函数，时间) 说明：在一段时间后，执行一次函数代码 /延迟定时器 setInterval() 语法：setInterval(函数，时间) 说明：每隔一段时间，执行函数代码 /间隔定时器 关闭定时器方法 clearInterval() 语法：c
Bom——定时器
zx2014567296的博客
07-22 350
定时器 定时器概念 setTimeout(调用函数/函数名，[延迟的毫秒数]) setTimeout又称为回调函数callback，上一件事干完再回头调用的意思，只调用一次 setInterval(回调函数，[间隔的毫秒数])。每隔设定的时间运行一次函数，会重复调用 案例 案例1：5秒关闭广告 效果：图片、文字过5秒后消失。 核心思想 设置定时器，当过了5秒后，被选中的事件源设置display = 'none' 。 由于该效果只使用一次，因此设置setTimeout。 代码 javascri
BOM系列之定时器
老__L的博客
07-28 354
定时器
BOM系列第一篇之定时器setTimeout和setInterval
09-01
主要介绍了BOM系列第一篇之定时器setTimeout和setInterval 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
BOM系列第二篇之定时器requestAnimationFrame
09-01
主要介绍了BOM系列第二篇之定时器requestAnimationFrame 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
09-01
主要介绍了BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟) 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
BOM ------ 定时器
HuoZhiyan 的博客
02-18 407
定时器 setTimeout (只执行一次) setTimeout(调用函数, 延时时间) 页面中可能有多个定时器 可以给定时器添加标识符(名字) function callback(){ alert('bong~') } var time1 = setTimeout(callback,1000) //1s后调用 var time2 = setTimeout(callback,3000) //3s后调用 2秒后自动关闭广告 利用定时器, 两秒后在
javascript中的定时器入门
weixin_30556161的博客
01-28 126
JavaScript提供定时器（timer）的功能，可以延期执行或重复执行函数或代码段。 window对象提供了三个方法来实现定时器的效果，分别是setTimeout()、setInternal()和requestAnimationFrame()。 定时器是JavaScript动画的核心技术。 setTimeout() setTimeout()方法用来指定某个函数或代码段/字符串...
BOM定时器
weixin_54418006的博客
01-13 312
1. setTimeout() 定时器 window.setTimeout(调用函数,[延迟的毫秒数]); setTimeout() 方法用于设置一个定时器，该定时器在定时器到期后执行调用函数一次。 setTimeout() 这个调用函数称为回调函数 callback 注意： window可以省略 这个调用函数可以直接写函数，或者写函数名或者采取字符串 ‘函数名()’ 三种形式。第三种不推荐 延迟的毫秒省略默认是0，如果写必须是毫秒 因为定时器可能有很多，所以经常给定时器赋值一个标识符 &l
JS-BOM-定时器（附源码案例）
路遇惊喜
12-18 2300
1. 设置定时器 setInterval()；循环定时器：固定时间间隔指定一次，像闹钟一样，不关闭继续执行。 setTimeout()；炸弹定时器：只执行一次，不能执行下一次了。 //调用方法：
BOM中的定时器
weixin_42440322的博客
05-25 208
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="button" value="停止" id="btn"&...
【BOM】定时器
weixin_45321793的博客
02-04 191
目录一、执行一次的定时器二、重复执行的定时器三、案例四、补充 JS中的定时器分为两类：一类是计时结束执行一次的计时器，一类是每隔指定时间执行一次的计时器 一、执行一次的定时器 1、语法： window.setTimeout(函数, 时间); 2、说明 - window可以省略 - 这个调用函数可以直接写函数，或者函数名 - 时间的单位是毫秒 - 因为定时器一般有很多，所以我们一般给定时器赋值一个标识符 3、案例：2秒后控制台输出时间到了 //写法一：直接将函数写到新参位置 var timer = se
BOM——定时器
世界和我们都不该止步于此
04-16 385
目录 一.创建定时器 二.停止定时器 三.创建重复调用的定时器 四.案例——发送验证码 一.创建定时器 window.setTimeout(调用函数[,延迟毫秒数]) //例子（window可以省略） setTimeout(()=> { //执行语句 },2000) setTimeout方法是用来设置定时器的，该定时器在被执行之后，开始计时，达到指定时间之后执行调用函数 调用： function time(){ //执行语句 } setTimeout(t
BOM-定时器
jyn15159的博客
05-13 109
BOM-定时器 setTimeout() setTimeout() 是window上的方法,是一次性定时器 //返回值：返回一个number值，用于清除定时器； var timer = setTimeout(function() { console.log(1); }, 3000); //清除定时器 clearTimeout() clearTimeout(timer); setInterval() setInterval() 是window上的方法,是永久定时器（间隔定时器） setIn
JavaScript（8）BOM,定时器与计时器
lightwine的博客
04-01 194
BOM - 浏览器对象模型 - BOM可以使我们通过JS来操作浏览器 - 在BOM中为我们提供了一组对象来完成浏览器操作 window -代表整个浏览器的窗口，同时Window也是网页中的全局对象 navigator -代表当前浏览器的信息，通过该对象可以识别不同的浏览器 一般我们只会使用userAgent 来判断浏览器信息。userAgent 是一个字符串，不同的浏览器有不同的userAgent 。 userAgent :console.log(navigator.us...
Bom入门设置定时器
ghjklfghjkl的博客
03-16 273
function testOpen(){ window.open('ad.html','_blank','width=400px, height=400px'); // window.open('http://www.baidu.com','_blank','width=400px, height=400px'); } function testInterval(){ setInterval("testOpen()",2000); } </script&...
DOM 与 BOM的概念和作用
最新发布
05-25
BOM是指浏览器对象模型，它是浏览器窗口的抽象，提供了一组API，用于访问和控制浏览器窗口的各种属性和行为，包括窗口的大小、地址栏、历史记录、定时器等。BOM中的核心对象是window对象，它代表整个浏览器窗口，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值