文档章节

setTimeout()定时器

蒙懵懵
 蒙懵懵
发布于 2015/12/07 16:19
字数 229
阅读 27
收藏 3
点赞 0
评论 0
<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
博文 9
码字总数 8417
作品 0
深圳
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()

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

OB丶Koro1 ⋅ 2017/05/21 ⋅ 0

setTimeout()相关知识

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

路是实践出来的 ⋅ 01/22 ⋅ 0

JavaScript定时器与执行机制解析

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

呵呵闯 ⋅ 2016/05/26 ⋅ 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

javascript中的定时器(How JavaScript Timers Work)

javascript定时器工作原理是一个重要的基础知识点。因为定时器在单线程中工作,它们表现出的行为很直观。我们该如何创建和维护定时器呢?要从如下三个函数(都是定义在全局作用域,在浏览器中...

xcchcaptain ⋅ 2014/07/22 ⋅ 0

NodeJS 全局对象

Node.js的全局对象是具有全局性的,它们可在所有的模块中应用。我们并不需要包括这些对象在应用中,而可以直接使用它们。这些对象的模块,函数,字符串和对象本身,如下所述。 filename fil...

我语文超级不好 ⋅ 2016/11/21 ⋅ 0

javascript中的setInterval()和setTimeout()用法比较

setTimeout()和setInterval() 何时被调用执行 定义 setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval...

sunshinewyf ⋅ 2015/07/25 ⋅ 0

JavaScript定时调用函数(SetInterval与setTimeout)

setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。 不过这两个函数还是有区别...

aehyok ⋅ 2013/04/16 ⋅ 0

setTimeout()与setInterval() 问题

提示:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。 1. setInterval(code,millisec[,"lang"])  setInterval() 方法可按...

桃子红了呐 ⋅ 2017/05/29 ⋅ 0

angular中clearTimeout不生效的问题

angular中clearTimeout不生效的问题 XX到此一游2017-12-221 阅读 webapp软件开发 之前使用setTimeout、clearTimeout都是正常的,但这次却无法清除定时器了 右键跳转到定义,发现使用的是: ...

XX到此一游 ⋅ 2017/12/22 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

mysql5.7系列修改root默认密码

操作系统为centos7 64 1、修改 /etc/my.cnf,在 [mysqld] 小节下添加一行:skip-grant-tables=1 这一行配置让 mysqld 启动时不对密码进行验证 2、重启 mysqld 服务:systemctl restart mysql...

sskill ⋅ 7分钟前 ⋅ 0

Intellij IDEA神器常用技巧六-Debug详解

在调试代码的时候,你的项目得debug模式启动,也就是点那个绿色的甲虫启动服务器,然后,就可以在代码里面断点调试啦。下面不要在意,这个快捷键具体是啥,因为,这个keymap是可以自己配置的...

Mkeeper ⋅ 12分钟前 ⋅ 0

zip压缩工具、tar打包、打包并压缩

zip 支持压缩目录 1.在/tmp/目录下创建目录(study_zip)及文件 root@yolks1 study_zip]# !treetree 11└── 2 └── 3 └── test_zip.txt2 directories, 1 file 2.yum...

蛋黄Yolks ⋅ 14分钟前 ⋅ 0

聊聊HystrixThreadPool

序 本文主要研究一下HystrixThreadPool HystrixThreadPool hystrix-core-1.5.12-sources.jar!/com/netflix/hystrix/HystrixThreadPool.java /** * ThreadPool used to executed {@link Hys......

go4it ⋅ 33分钟前 ⋅ 0

容器之上传镜像到Docker hub

Docker hub在国内可以访问,首先要创建一个账号,这个后面会用到,我是用126邮箱注册的。 1. docker login List-1 Username不能使用你注册的邮箱,要用使用注册时用的username;要输入密码 ...

汉斯-冯-拉特 ⋅ 39分钟前 ⋅ 0

SpringBoot简单使用ehcache

1,SpringBoot版本 2.0.3.RELEASE ①,pom.xml <parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.0.3.RELE......

暗中观察 ⋅ 40分钟前 ⋅ 0

监控各项服务

比如有三个服务, 为了减少故障时间,增加监控任务,使用linux的 crontab 实现. 步骤: 1,每个服务写一个ping接口 监控如下内容: 1,HouseServer 是否正常运行,所以需要增加一个ping的接口 ; http...

黄威 ⋅ 43分钟前 ⋅ 0

Spring源码解析(八)——实例创建(下)

前言 来到实例创建的最后一节,前面已经将一个实例通过不同方式(工厂方法、构造器注入、默认构造器)给创建出来了,下面我们要对创建出来的实例进行一些“加工”处理。 源码解读 回顾下之前...

MarvelCode ⋅ 44分钟前 ⋅ 0

nodejs __proto__跟prototype

前言 nodejs中完全没有class的这个概念,这点跟PHP,JAVA等面向对象的语言很不一样,没有class跟object的区分,那么nodejs是怎么样实现继承的呢? 对象 对象是由属性跟方法组成的一个东西,就...

Ai5tbb ⋅ 50分钟前 ⋅ 0

Ubuntu16.04 PHP7.0 不能用MYSQLi方式连接MySQL5.7数据库

Q: Ubuntu16.04 PHP7.0 不能用MYSQLi方式连接MySQL5.7数据库 A: 执行以下2条命令解决: apt-get install php-mysql service apache2 restart php -m 执行后会多以下4个模块: mysqli mysqlnd...

SamXIAO ⋅ 52分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部