ITPub博客

首页 > IT职业 > IT生活 > 抽奖——键盘事件

抽奖——键盘事件

IT生活 作者:my420 时间:2021-09-09 09:27:48 0 删除 编辑
var data=['Phone5','Ipad','三星笔记本','佳能相机','惠普打印机','谢谢参与','50元充值卡','1000元超市购物券'],
    timer=null,
    flag=0;

window.onload=function () {
    var play=document.getElementById('play'),
        stop=document.getElementById('stop');

    //开始抽奖
    play.onclick=playFun;
    stop.onclick=stopFun;

    //键盘事件
    document.onkeyup=function (event) {
        event=event||window.event;
        if(event.keyCode==13){
            if(flag==0){
                playFun();
            }else {
                stopFun();
            }
        }
    }
};

function playFun() {

    var play=document.getElementById('play');
    var title=document.getElementById('title');
    clearInterval(timer);
    timer=setInterval(function () {
        var random=Math.floor(Math.random()*data.length);
        title.innerHTML=data[random];
    },50);
    play.style.background='#999';
    flag=1;
}
function stopFun() {
    var play=document.getElementById('play');
    clearInterval(timer);
    play.style.background='#036';
    flag=0;
}


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/406/viewspace-2810031/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2020-07-23

  • 博文量
    0
  • 访问量
    478