随机数的运用---抽奖

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

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

然后我们来敲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);
};
这样一个简单就抽奖我们就搞定了,是不是很简单呢!!!!

你可能感兴趣的:(随机数的运用---抽奖)