首页 > 编程 > JavaScript > 正文

JavaScript-定时器0~9抽奖系统详解(代码)

2019-11-19 15:46:54
字体:
来源:转载
供稿:网友

具体代码如下:

<html>  <head>   <title>定时器0~9抽奖系统</title>   <meta charset="UTF-8" />   <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>   <script type="text/javascript">    $(function(){     $("#start").click(function(){      fn();      timer = setInterval('fn()',200);//向DIV中填充内容     });     $("#stop").click(function(){      clearInterval(timer);//清除定时器     });    });    var i=0;    function fn(){     $("#box").html(i);     i++;     if(i==10){      i=0;     }    }   </script>  </head>  <body>   <div>    <button id="start" type="button">开始</button>    <button id="stop" type="button">停止</button>   </div>   <br />   <div id="box" style="width:200px;height:100px;border:1px solid;line-height:100px;font-size:80px;text-align:center;"></div>  </body> </html>

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对武林网的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表