局部变量的问题,stopFun和playFun里面都没有定义play。但为什么可以正常运行。而stop未定义的话就实现不了。
var data=['Phone5','Ipad','三星笔记本','佳能相机','惠普打印机','谢谢参与','50元充值卡','1000元超市购物券'],
timer=null,
flag=0;
window.onload=function(){
var play=document.getElementById('play'),
stop=document.getElementById('stop'),
title=document.getElementById('title');
// 开始抽奖
play.onclick=playFun;
stop.onclick=stopFun;
// 键盘事件
document.onkeyup=function(event){
evevt=event||window.event;
if(event.keyCode==13){
if(flag==0){
playFun();
flag=1;
}else{
stopFun();
flag=0;
}
}
}
}
function playFun(){
var stop=document.getElementById('stop');//定义stop,未定义play clearInterval(timer);
timer=setInterval(function(){
var random=Math.floor(Math.random()*data.length)
title.innerHTML=data[random];
},50)
play.style.background="#999";
stop.style.background="#036";
flag=1;
}
function stopFun(){
var stop=document.getElementById('stop');//定义stop,未定义play
clearInterval(timer);
play.style.background="#036";
stop.style.background="#999";
flag=0;
}