文档章节

setTimeout()定时器

蒙懵懵
 蒙懵懵
发布于 2015/12/07 16:19
字数 229
阅读 126
收藏 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
深圳
私信 提问
加载中
请先登录后再评论。
C多线程网络库--xs

基于C多线程网络库,欢迎大家使用,例子在代码example目录下,以后我会再增加一些例子。 文档暂时没有,有问题请邮件我:-) 获取代码:https://github.com/xueguoliang/xs xs致力于1)多线程网...

薛国良
2013/05/01
4.4K
0
J360-cloud SpringCloud系列一:分布式配置服务器ConfigServer

j360开源博客之 ---------------------------------------------------------- J360-Cloud系列 spring-cloud快速入门工程之j360-cloud-all:(欢迎star、fork) https://github.com/xuminwl......

Hi徐敏
2015/10/08
4K
14
Flatscript: ES7 `async`/`await` 替代实现

在经历了 JS 的 callback hell 后看过 , 于我而言这仍不能很好解决一些特定用况, 加之其写起来仍然很冗长, 各种匿名函数横飞. 于是就没有继续使用了, 但又不方便说 "反感 Promise" 或 "对 Pr...

neuront
2016/01/13
395
1
100多行PHP代码实现socks5代理服务器

100多行PHP代码实现socks5代理服务器,这次是使用swoole纯异步来写,使用状态机来处理数据。目前用它访问开源中国木有压力,但访问网易新闻就压力山大。我发现我用别的语言写得代理,访问网易...

秣马儿
2016/05/04
912
2
Js实现手机端红包雨效果

演示下载地址:http://www.erdangjiade.com/js/1105.html $(document).ready(function() { var win = (parseInt($(".couten").css("width"))) - 60; $(".mo").css("height", $(document).hei......

2当家的
2017/02/08
2.3K
0

没有更多内容

加载失败,请刷新页面

加载更多

Azure Application Gateway(一)对后端 Web App 进行负载均衡

一,引言   今天,我们学习一个新的知识点-----Azure Application Gateway,通过Azure 应用程序网关为我么后端的服务提供负载均衡的功能。我们再文章头中大概先了解一下什么是应用程序网关...

osc_lc4icfkt
23分钟前
4
0
WoLai(我来) 注册码 ——国内版 notion 【笔记】

注册码: SQGYG23 ❤ W4T9PKP JLTHNJP KMTXK7P JDHKJEM KRJXX5P 6M7PPAP DEGLMG3 N3BZMRI 87BR22I GSIWGWP GNGBNTI QA8URIM UDUV9VM IHKJA7P MD9ZA3M 3XR67ZI TBUP9JX TI4TYMM 注册完了可以把......

osc_c05lkk3u
24分钟前
15
0
2020hdu多校第二场比赛及补题

这一场我们队只A了一题 1010 Lead of Wisdom 直接爆搜,但是T了好几发,剪了下枝 如果一个物品的a,b,c,d都比不上另外一个同种物品的a,b,c,d,那这个物品就可以直接淘汰掉了 #include<iostrea...

osc_usgpahnw
26分钟前
21
0
为什么Java有瞬态字段? - Why does Java have transient fields?

问题: 为什么Java有瞬态字段? 解决方案: 参考一: https://stackoom.com/question/3opS/为什么Java有瞬态字段 参考二: https://oldbug.net/q/3opS/Why-does-Java-have-transient-fields...

富含淀粉
26分钟前
16
0
轻松搭建CAS 5.x系列(6)-在CAS Server上增加OAuth2.0协议

概述说明 CAS Server默认搭建出来,客户端程序只能按照CAS自身的协议接入。CAS的强大在于,有官方的插件,可以支持其他的协议。本章节就让CAS Server怎么增加OAuth2.0的登录协议。 安装步骤 ...

osc_inj0cicw
27分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部