随机数的运用---抽奖

首先我们先整理一下思路，看看需要用到些什么。
1、随机数
2、点击事件
3、计时器
4、抽完然后把定时器清一下

在html中先写一个简单的框架

<div>
        <span id="result"></span>
        <input type="button" value="aaa" id="btn"> 
  </div>

然后我们来敲js

//封装一个随机数
function randoms(start, end) {
    return Math.floor(Math.random() * (end - start + 1) + start);
};
var prizes = ['手机'，'平板'，'电脑'，'电视'，'冰箱'，'洗衣机'];
//获取按钮
var btn = document.getElementById('btn');
var result = document.getElementById('result');
//给按钮绑定单击事件
btn.addEventListener('click', counts);
i = 0; 
function counts() {
    i++;
    var count = 0;//定时器
    timer = setInterval(function () {
        count++;
        console.log(count);
        result.innerHTML = prizes[randoms(0, prizes.length - 1)];
        if (count >= 10) {
            clearInterval(timer); //清除定时器
        };
    }, 100);
};
这样一个简单就抽奖我们就搞定了，是不是很简单呢！！！！