js实现可键盘控制的简单抽奖程序

本文实例为大家分享了射流研究…抽奖程序的编写代码，以及编写注意事项，感兴趣的小伙伴们可以参考一下

代码：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题简单抽奖（可用键盘)/标题样式* { margin 33600划水：0;} .盒子{宽度： 400像素重量： 300像素336050像素汽车；背景：红色} .title { color : # ffffont-size : 30px；字体粗细：700 pxpadd : 50px 0；文本对齐：中心；高度：40 px} .btm { text-align : centerpadd :20 px 0；} .btm a {显示：内联块；宽度： 120像素；高度：60 px线高： 60px背景技术# FEF097margin:0 10px文本装饰：无；}/样式脚本var data=['Iphone '，' Ipad '，'笔记本','相机','谢谢参与','充值卡','购物券],计时器=null，//定时器标志=0;//阻止多次回车窗户。onload=function(){ var play=document。getelementbyid(' play ')，stop=document。getelementbyid(' stop ')；//开始抽奖play . onclick=playfunstop . onclick=stop fun//键盘事件文件。onkey up=function(event){ event=event | | window。事件；//回车键的密码值：13 if(事件。键码==13){ if(flag==0){ playFun()；标志=1;} else { StOpfun()；标志=0;} } }函数playFun(){ var title=document。getelementbyid(' title ')；var play=文档。getelementbyid(' play ')；clearInterval(计时器);timer=setInterval(function(){ var random=math。地板(数学。random()*数据。长度)；标题。inner html=data[random]；},60);玩吧。风格。背景=' # 999 '；}函数stopFun(){ clearInterval(计时器);var play=文档。getelementbyid(' play ')；玩吧。风格。背景=' # fef 097} }/脚本/头体div class=' box ' div class=' title ' id=' title '淘家趣抽奖/div class=' btm ' a href=' JAVAScript :id='play '开始/a a href=' JAVAScript :id='stop '停止/a /div /div/body/html注意点： 1.随机数，取数组的其中一个；取0-n之间：数学。兰登()*(北^ 1)2 .定时器，开始抽奖时要停止前面的一次抽奖，不然会定时器重叠3.按键操作，要判断是抽奖进行中，还是未开始，所有设置了变量旗

想要学习更多关于爪哇岛描述语言抽奖功能，请参考此专题：javascript实现抽奖功能

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。