js实现可键盘掌握的简洁抽奖程序_

《js实现可键盘掌握的简洁抽奖程序_》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、js实现可键盘掌握的简洁抽奖程序_本文实例为大家分享了js抽奖程序的编写代码，以及编写留意事项，感爱好的小伙伴们可以参考一下代码：!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"title简洁抽奖（可用键盘）/titlestyle*{margin:0;padding:0;}.box{width:400px;height:300px;margin:50pxauto;background:red}.title{color:#fff;font-size:

2、30px;font-weight:700px;padding:50px0;text-align:center;height:40px;}.btm{text-align:center;padding:20px0;}.btma{display:inline-block;width:120px;height:60px;line-height:60px;background:#FEF097;margin:010px;text-decoration:none;}/stylescriptvardata=['

3、Iphone','Ipad','笔记本','相机','感谢参加','充值卡','购物券'],timer=null,//定时器flag=0;//阻挡多次回车window.onload=function(){varplay=document.getElementById('play'),stop=document.getElementById('stop');//开头抽奖play.onclick=playFun;stop.onclick=stopFun;//键盘大事document.onkeyup=

4、function(event){event=event

5、

6、window.event;//回车键的code值：13if(event.keyCode==13){if(flag==0){playFun();flag=1;}else{stopFun();flag=0;}}}functionplayFun(){vartitle=document.getElementById('title');varplay=document.getElementById('play');clearInterval(tim

7、er);timer=setInterval(function(){varrandom=Math.floor(Math.random()*data.length);title.innerHTML=data[random];},60);play.style.background='#999';}functionstopFun(){clearInterval(timer);varplay=document.getElementById('play');play.style.background='#F

8、EF097';}}/script/headbodydivclass="box"divclass="title"id="title"淘家趣抽奖/divdivclass="btm"ahref="javascript:;"id="play"开头/aahref="javascript:;"id="stop"停止/a/div/div/body/html留意点：1.随机数，取数组的其中一个；取0-n之间：Math.random()*(n+1)2.定时器，开头抽奖时要停止前面的一次抽奖，不然会定时器重叠3.按

9、键操作，要推断是抽奖进行中，还是未开头，全部设置了变量flag以上就是本文的全部内容，盼望对大家的学习有所关心...