JavaScript-定时器0~9抽奖系统详解（代码）
作者：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>
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持!