文档章节

setTimeout()定时器

蒙懵懵
 蒙懵懵
发布于 2015/12/07 16:19
字数 229
阅读 29
收藏 3
<html>
	<head>
	<title>chapter3</title>
	<script>
	function resizeRock(){ 
		document.getElementById("rockImg").style.height =
		(document.body.clientHeight -100) * 0.3;  //根据客户端窗口尺寸,缩放rock的大小
	}

	function rockUser() {
		alert("hello, i'm your pet rock.");
	}

	function touchRock() {
		var userName = prompt("what's your name?");
		
		if (userName){
			alert("It is good to meet you," + userName + ".");
		}
		document.getElementById("rockImg").src = "rock_happy.png";
		setTimeout("document.getElementById('rockImg').src = 'rock.png';", 5 * 1000);
		//单次定时器setTimeout()函数需定时器停止时要运行的语句,和延迟的时间,这里延迟5秒
		//还有一个是间隔定时器,setInterval()函数,这个是每一次间隔时间到期就运行语句(反复)

	}
	</script>
	</head>
	<body onload="resizeRock(); rockUser();" onresize="resizeRock()"> 
	<!--调整浏览器大小时将触发onresize事件,调用resizeRock函数响应onresize事件-->
		<div style="margin-top:100px; text-align:center">
			<img id="rockImg" src="rock.png" onclick="touchRock()">
		</div>
	</body>
</html>


© 著作权归作者所有

共有 人打赏支持
上一篇: JSON笔记整理
下一篇: 验证一个表单。
蒙懵懵
粉丝 4
博文 14
码字总数 8417
作品 0
深圳
私信 提问
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()

写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数。这里面涉及到了三个函数方法:setInterval()、setTimeout()、clearInterval...

OB丶Koro1
2017/05/21
0
0
setTimeout()相关知识

1、setTimeout()相关知识 setTimeout有两个参数,第一个参数是回调函数,第二个参数是毫秒数,表示要执行回调函数所要延迟的时间,但是我们还需要知道的是,setTimeout会返回一个id,即这个定...

路是实践出来的
01/22
0
0
JavaScript定时器与执行机制解析

从JS执行机制说起 浏览器(或者说JS引擎)执行JS的机制是基于事件循环。 由于JS是单线程,所以同一时间只能执行一个任务,其他任务就得排队,后续任务必须等到前一个任务结束才能开始执行。 ...

呵呵闯
2016/05/26
18
0
setTimeout 异步与回调 函数节流

定时器 JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由和这两个函数来完成。 setTimeout() setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数...

evenyao
07/24
0
0
关于文章《for循环里面设置setTimeout弹出数据顺序是乱的》的一些问题

代码1:for(var i=0;i<10;i++){ (function(index){ setTimeout(function (){ alert(index); },1000); })(i); } 代码2: for(var i=0;i<10;i++){ (function(index){ setTimeout(a(index),1000)......

武文海
2014/10/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

微服务分布式事务实现

https://www.processon.com/view/link/5b2144d7e4b001a14d3d2d30

WALK_MAN
10分钟前
0
0
《大漠烟尘》读书笔记及读后感文章3700字

《大漠烟尘》读书笔记及读后感文章3700字: 在这个浮躁的社会里,你有多久没有好好读完一本书了? 我们总觉得自己和别人不一样,所以当看到别人身上的问题时,很少有“反求诸己”,反思自己。...

原创小博客
45分钟前
1
0
大数据教程(9.5)用MR实现sql中的jion逻辑

上一篇博客讲解了使用jar -jar的方式来运行提交MR程序,以及通过修改YarnRunner的源码来实现MR的windows开发环境提交到集群的方式。本篇博主将分享sql中常见的join操作。 一、需求 订单数据表...

em_aaron
53分钟前
1
0
十万个为什么之什么是resultful规范

起源 越来越多的人开始意识到,网站即软件,而且是一种新型的软件。这种"互联网软件"采用客户端/服务器模式,建立在分布式体系上,通过互联网通信,具有高延时(high latency)、高并发等特点...

尾生
59分钟前
1
0
Terraform配置文件(Terraform configuration)

Terraform配置文件 翻译自Terraform Configuration Terraform用文本文件来描述设备、设置变量。这些文件被称为Terraform配置文件,以.tf结尾。这一部分将讲述Terraform配置文件的加载与格式。...

buddie
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部