慕课网题目之js实现抽奖系统功能

2023-09-24 12:22:06 125

body{ margin:0; padding:0; } .box{ width:400px; height:200px; border:1pxsolid#0C4E7C; margin:0auto; } #header{ color:darkred; font-size:24px; text-align:center; width:400px; height:60px; line-height:60px; } #btn{ width:200px; overflow:hidden; margin:30pxauto0; } #btnspan{ cursor:pointer; border:2pxsolid#a09a09; border-radius:7px; margin-right:10px; color:#000; display:inline-block; height:40px; width:80px; background-color:#f2ec55; line-height:40px; text-align:center; }

js.js: vardate=["谢谢参与","谢谢参与","谢谢参与","50元话费","ipad","佳能相机","苹果手机","3DS","switch","1000元超市购物卡"]; vartimer=null; varflag=0; window.onload=function(){ //varheader=document.getElementById("header");优化前 varstart=document.getElementById("start"); varstop=document.getElementById("stop"); //鼠标抽奖 eventUtil.addHandler(start,"click",getStart); eventUtil.addHandler(stop,"click",getStop); //键盘抽奖； document.onkeyup=function(event){ vare=event||window.event; //检测按键键值； //console.log(e.keyCode); if(e.keyCode===13){ if(flag===0){ getStart(); flag=1; }else{ getStop(); flag=0; } } }; functiongetStart(){ clearInterval(timer); varheader=document.getElementById("header");//优化后 timer=setInterval(function(){ //代码优化前 //varx=parseInt(Math.random()*10); varrandom=Math.floor(Math.random()*date.length); header.innerHTML=date[random]; },50); start.style.backgroundColor="#999"; flag=1; } functiongetStop(){ clearInterval(timer); start.style.backgroundColor="#f2ec55"; flag=0; } };

vareventUtil={ getEvent:function(event){ returnevent?event:window.event; }, getType:function(event){ returnevent.type; }, getTarget:function(event){ returnevent.target||event.srcElement; }, //阻止冒泡 stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } }, //阻止事件默认行为； preventDefault:function(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; } }, //添加具柄； addHandler:function(element,type,Handler){ if(element.ç){ element.addEventListener(type,Handler,false); }elseif(element.attachEvent){ element.attachEvent("on"+type,Handler); }else{ element["on"+type]=Handler; } }, //删除具柄； removeHandler:function(element,type,Handler){ if(element.removeEventListener){ element.removeEventListener(type,Handler,false); }elseif(element.detachEvent){ element.detachEvent("on"+type,Handler); }else{ element["on"+type]=null; } } };

慕课网题目之js实现抽奖系统功能

热门推荐

随机推荐