JavaScript-定时器0~9抽奖系统详解(代码)
2018-10-12 13:55
597 查看
具体代码如下:
<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>
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持!
您可能感兴趣的文章:
相关文章推荐
- JavaScript-定时器0~9抽奖系统
- [转]javascript定时器详解
- JavaScript简单抽奖程序的实现及代码
- 详解Android获取系统内核版本的方法与实现代码
- 浏览器及系统判断的JavaScript代码
- 深入理解JavaScript系列(45):代码复用模式(避免篇)详解
- 详解javascript高级定时器
- JavaScript 栈的详解及实例代码
- Linux系统内核定时器机制详解
- 6种javascript显示当前系统时间代码
- 优雅的JavaScript-定时器详解
- 用Javascript轻松制作一套简单的抽奖系统
- 一段代码详解JavaScript面向对象
- Linux系统内核定时器机制详解
- 原生JavaScript中的原型链和继承(代码实例详解)
- javascript 显示当前系统时间代码
- 单片机定时器中断原理和C语言代码详解
- C# DllImport 系统调用使用详解、托管代码的介绍、EntryPoint的使用
- [ZigBee] 5、ZigBee基础实验——图文与代码详解定时器1(16位定时器)(长文)
- JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)