html设置一个随机数的抽奖,随机数的运用---抽奖

首先我们先整理一下思路，看看需要用到些什么。

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);

};

这样一个简单就抽奖我们就搞定了，是不是很简单呢！！！！