模拟抽奖

最新推荐文章于 2022-04-09 23:40:04 发布

不是我的货

最新推荐文章于 2022-04-09 23:40:04 发布

阅读量386

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/wym1581/article/details/50808585

版权

js 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style type="text/css">
	div{font-size:16px;font-weight:bold;width:610px;height:200px;border-radius:4px;box-shadow: 0 0  1em #000;border:1px solid #ccc;}
	span{font-size:32px;}
  </style>
 </head>
 <body>
	<div>中奖的号码是:<span id="tm_result"></span></div>
	<div>当前中奖号码是:<div id="tm_queue"></div></div>
	<input type="button" οnclick="start()" value="开始抽奖"/>
	<input type="button" οnclick="stop()" value="停止"/>
	<script type="text/javascript">
		var data = "12,78,96,2,5,7,85";
		var arr = data.split(","); 
		var timer = null;
		/*开始摇奖*/
		function start(){
			timer = setInterval(function(){
				var max = arr.length - 1; var rand = Math.random();
				var randIndex = parseInt(rand * max);//从0-6范围随机
				document.getElementById("tm_result").innerHTML = arr[randIndex];
			},100);
		};


		
		function stop(){
			clearInterval(timer);
			document.getElementById("tm_queue").innerHTML+=document.getElementById("tm_result").innerText+",";
			timer = null;
		};

	</script>
 </body>
</html>

不是我的货

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模拟抽奖

Document div{font-size:16px;font-weight:bold;width:610px;height:200px;border-radius:4px;box-shadow: 0 0 1em #000;border:1px solid #ccc;} span{font-size:32px;} 中奖的号码是: 当前中奖号码是: v
复制链接

扫一扫