文档章节

setTimeout()定时器

蒙懵懵
 蒙懵懵
发布于 2015/12/07 16:19
字数 229
阅读 27
收藏 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>


© 著作权归作者所有

共有 人打赏支持
蒙懵懵
粉丝 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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

此生1.3

颜值是开胃菜,不要太在意,正餐才是重点。

colinux
今天
1
0
[雪峰磁针石博客]软件测试专家工具包1web测试

web测试 本章主要涉及功能测试、自动化测试(参考: 软件自动化测试初学者忠告) 、接口测试(参考:10分钟学会API测试)、跨浏览器测试、可访问性测试和可用性测试的测试工具列表。 安全测试工具...

python测试开发人工智能安全
今天
3
0
JS:异步 - 面试惨案

为什么会写这篇文章,很明显不符合我的性格的东西,原因是前段时间参与了一个面试,对于很多程序员来说,面试时候多么的鸦雀无声,事后心里就有多么的千军万马。去掉最开始毕业干了一年的Jav...

xmqywx
今天
3
0
Win10 64位系统,PHP 扩展 curl插件

执行:1. 拷贝php安装目录下,libeay32.dll、ssleay32.dll 、 libssh2.dll 到 C:\windows\system32 目录。2. 拷贝php/ext目录下, php_curl.dll 到 C:\windows\system32 目录; 3. p...

放飞E梦想O
今天
1
0
谈谈神秘的ES6——(五)解构赋值【对象篇】

上一节课我们了解了有关数组的解构赋值相关内容,这节课,我们接着,来讲讲对象的解构赋值。 解构不仅可以用于数组,还可以用于对象。 let { foo, bar } = { foo: "aaa", bar: "bbb" };fo...

JandenMa
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部