JS自动爆炸案例
本帖最后由 权利的游戏 于 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');
var time = parseInt(inp.value) - 1;
inp.value = time;
if (time == 0) {
document.getElementsByName('photo').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>实例效果图:
这是啥,我看看 大佬,你这个图上面百度上面是啥,太小没看明白
页:
[1]