可我浪费着我寒冷的年华

JS自动爆炸案例

学习到了：

setTimeout函数的灵活运用。

案例实现讲解：

1.先定义一个全局的变量，赋值为null。

2.然后使用timeout调用bang函数，以达到自动自动调用函数的功能。

3.bang函数就是判断时间是否为0，如果为0即换一张爆炸的图片。

实例代码：

<html>
<head><title>JS爆炸案例</title>
<script>
var clock = null;
	function bang(){
		var inp = document.getElementsByName('time')[0];
		var time = parseInt(inp.value) - 1;
		inp.value = time;
		if (time == 0) {
			document.getElementsByName('photo')[0].src = './bang.jpg';
			clearTimeout(clock);

		}else{
			setTimeout('bang()',1000);
		}
	}

	clock = setTimeout('bang()',1000);
</script>
</head>
<body>
	<input type="submit" name="time" value="5"><br>
	<img name="photo" src="./bomb.jpg" height="300px" width="300px" alt=""/>
</body>
</html>

　　

posted @ 2017-06-17 17:13  珍惜少年时  阅读(220)  评论(0)  编辑  收藏  举报
可我浪费着我寒冷的年华