一个类似抽奖的js小demo

之前在segmentfault看到的一个问题:

  • 按钮1为抽奖用,每按一次随机抽取一人,后面不重复
  • 按钮2重置

代码如下

<div id="wrapper">
	<button>select</button>
	<button>reset</button>
</div>
<script>
	window.onload = function() {
		var aBtn = document.getElementsByTagName('button');
		var cards = ['a', 'b', 'c', 'd'];
		aBtn[0].onclick = function() {
			var len = cards.length;
			if (len) {
				//取得0-3的数
				var random = Math.floor(Math.random() * len + 0);
				alert(cards.splice(random, 1));
				len--;
			} else {
				alert('no card');
			}
		};
		aBtn[1].onclick = function() {
			cards = ['a', 'b', 'c', 'd'];
		};
	};
</script>

从某个整数范围内随机选择一个值的公式:Math.floor(Math.random() * 可能值的总数 + 第一个可能值)

posted @ 2016-03-21 17:19  u14e  阅读(178)  评论(0编辑  收藏  举报