黑帽联盟

标题: JS自动爆炸案例 [打印本页]
作者: 权利的游戏    时间: 2017-6-18 14:17
标题: JS自动爆炸案例
本帖最后由 权利的游戏 于 2017-6-18 14:26 编辑

setTimeout函数的灵活运用。

相关链接：timeout的作用

案例实现讲解：

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

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

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

实例代码：
  1. <html>
  2. <head><title>JS爆炸案例</title>
  3. <script>
  4. var clock = null;
  5.     function bang(){
  6.         var inp = document.getElementsByName('time')[0];
  7.         var time = parseInt(inp.value) - 1;
  8.         inp.value = time;
  9.         if (time == 0) {
  10.             document.getElementsByName('photo')[0].src = './1.png';
  11.             clearTimeout(clock);

  13.         }else{
  14.             setTimeout('bang()',1000);
  15.         }
  16.     }

  18.     clock = setTimeout('bang()',1000);
  19. </script>
  20. </head>
  21. <body>
  22.     <input type="submit" name="time" value="5">

  24.     <img name="photo" src="./2.png" height="300px" width="300px" alt=""/>
  25. </body>
  26. </html>
复制代码
实例效果图：
6.gif
作者: feihu    时间: 2017-6-19 10:12
这是啥，我看看
作者: hm2020    时间: 2020-4-19 20:52
大佬，你这个图上面百度上面是啥，太小没看明白



欢迎光临 黑帽联盟 (https://bbs.cnblackhat.com/) Powered by Discuz! X2.5