JavaScript-定时器0~9抽奖系统详解（代码）
更新时间：2017年08月16日 09:53:57 作者：bright0325
这篇文章主要介绍了 JavaScript-定时器0~9抽奖系统，通过代码实例说明函数调用的整体操作，具体步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。
具体代码如下：
<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>
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持!
相关文章
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源，这篇文章主要介绍了JavaScript中Webpack的使用,需要的朋友可以参考下2021-10-10
这篇文章主要介绍了JavaScript对象属性检查、增加、删除、访问操作实例,本文分别给出代码实例来讲解如何给对象增加属性、检查属性存在、以及删除和访问属性,需要的朋友可以参考下2015-07-07
这篇文章主要为大家详细介绍了js实现一个简易的计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要介绍了Javascript操作select控件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
全部限制那是很简单的事，直接把<script>脚本块过滤掉就行了，但是部分限制又是如何做到的呢，下面我们一起来看看2014-09-09
本文将详细介绍JavaScript中“+”的一些错误应用，需要的朋友可以参考下2012-12-12
Javascript 原型和继承(Prototypes and Inheritance)
前面我们看到了如何使用 constructor 来初始化对象。如果这样做，那么每一个创建的新对象都会对那些相同的属性，方法建立一个独立的副本。而实际上有更加有效的方法来指定方法，常量，以及其他一些可被所有该类的对象共享的属性。2009-04-04
字符串处理是许多程序中非常重要的一部分,它们可以用于文本显示,数据表示,查找键和很多目的.在Unix下,用户可以使用正则表达式的强健功能实现这些 目的2012-09-09
在javascript中continue的作用是退出当前次循环，break的作用则是一旦当前循环有break那么直接退出整个循环。本文将通过一些示例为大家详细讲讲二者的区别，感兴趣的可以了解一下2022-08-08
这篇文章介绍了JS实现简单的Canvas画图实例代码，有需要的朋友可以参考一下2013-07-07
最新评论