查看: 2089|回复: 2

[其它] JS自动爆炸案例

132 主题	11 听众	295 积分

版主

Rank: 7 Rank: 7 Rank: 7

TA的每日心情

	擦汗 2018-6-12 09:41

签到天数: 273 天

[LV.8]以坛为家I

电梯直达

楼主

|只看该作者 |倒序浏览

本帖最后由权利的游戏于 2017-6-18 14:26 编辑

setTimeout函数的灵活运用。

相关链接：timeout的作用

案例实现讲解：

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 = './1.png';
clearTimeout(clock);
}else{
setTimeout('bang()',1000);
}
}
clock = setTimeout('bang()',1000);
</script>
</head>
<body>
<input type="submit" name="time" value="5">
<img name="photo" src="./2.png" height="300px" width="300px" alt=""/>
</body>
</html>

复制代码

实例效果图：

js编程

转播0 淘帖0 分享0 收藏0 赞1 踩0

帖子永久地址：

黑帽联盟 - 论坛版权1、本主题所有言论和图片纯属会员个人意见，与本论坛立场无关
2、本站所有主题由该帖子作者发表，该帖子作者与黑帽联盟享有帖子相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和黑帽联盟的同意
4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意
7、黑帽联盟管理员和版主有权不事先通知发贴者而删除本文

		自动登录	找回密码
密码			会员注册

[其它] JS自动爆炸案例

相关帖子

个人中心