javascript实现可键盘控制的抽奖系统

前端之家收集整理的这篇文章主要介绍了javascript实现可键盘控制的抽奖系统前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

制作一个简易的抽奖系统!欢迎大家学习!

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"> 抽奖啦

猜你在找的JavaScript相关文章