首先我们先整理一下思路,看看需要用到些什么。
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);
};
这样一个简单就抽奖我们就搞定了,是不是很简单呢!!!!