权利的游戏 发表于 2017-6-18 14:17:26

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>实例效果图:

feihu 发表于 2017-6-19 10:12:42

这是啥,我看看

hm2020 发表于 2020-4-19 20:52:04

大佬,你这个图上面百度上面是啥,太小没看明白
页: [1]
查看完整版本: JS自动爆炸案例