制作一个简易的抽奖系统!欢迎大家学习!
JS原理:建立一个数组用来存储抽奖内容,例如 iphone6 等,当点击开始的时候,开启定时器,产生一个随机数,把对应文本的innerHTML改成数组所对应的内容。
如果想让某个抽奖几率变高,可以让数组中某个值重复次数多点。接下来看代码。、
JavaScript代码
键盘","《javaScript高级程序设计》","精美保温杯","维尼小熊一只","500元中国石化加油卡","爱奇艺年费会员","iPad mini","32G U盘",];
var bStop = true;
var timer = null;
var btns = document.getElementById('btns').getElementsByTagName('span');
var text = document.getElementById('text');
btns[0].onclick = start;
btns[1].onclick = stop;
document.onkeyup = function(event){
event = event||window.event;
if(event.keyCode==13){
if(bStop){
start();
}else {
stop();
}
}
}
function start(){
clearInterval(timer);
timer = setInterval(function(){
var r = Math.floor(Math.random()*data.length);
text.innerHTML = data[r];
},20);
btns[0].style.background = '#666';
bStop = false;
}
function stop(){
clearInterval(timer);
btns[0].style.background = 'blue';
bStop = true;
}
}
html css 代码:
<Meta charset="UTF-8">
抽奖啦