鼠标点开始能抽奖,点结束没反映,求大神看一下-慕课网

首页课程实战体系课手记专栏慕课教程

鼠标点开始能抽奖,点结束没反映,求大神看一下

来源：-

qq_晴天_299

2018-06-05 18:04

<!doctype html>

<html>

<head>

<title>拖拽效果示例</title>

<style>

div{margin:0 auto;border:1px solid #f00;width:250px;height:130px;}

h1{text-align:center;}

p:nth-of-type(1){float:left;}

p:nth-of-type(2){float:right;}

</style>

<body>

<div>

<h1 id=numarray>开始抽奖啦</h1>

</div>

var data=['iphone','苹果电脑','三星笔记本','50元充值卡','100元现金'];

var numarray=document.getElementById('numarray');

var play=document.getElementById('play');

var stop=document.getElementById('stop');

var timer=null;

// 开始抽奖

play.onclick=playfun;

stop.onclick=stopfun;

document.onkeyup=function(event){

var enter=event.keyCode;

if(enter==13){playfun();}

}

function playfun(){

var timer=setInterval(function(){

var randomm=Math.floor(Math.random()*data.length);

numarray.innerHTML=data[randomm];

},100)

}

function stopfun(){clearInterval(timer);}

</script>

</body>

</html>

写回答关注

2回答

ella_rm

2018-07-25 19:22:39

把timer前面var去掉就可以了。
在playfun()函数里，timer前面加var声明，这样timer就成了函数内部变量，在playfun()外部是访问不到的。

0 0
qq_晴天_299

2018-06-05 18:05:28

这个比较清晰

0 0

DOM事件探秘

DOM事件？本课程会通过实例来给小伙伴们讲解如何使用这些事件

99544 学习 · 1197 问题

查看课程

相似问题

鼠标抽奖疑问

回答 1

【BUG疑惑】第一次点击开始后按回车结束抽奖，之后再用回车触发抽奖变成了松开结束，而不是单次触发。

回答 2

先点击鼠标开始然后在点回车结束是怎么控制的？

回答 1

如何解决多次点击开始按钮后，抽奖缓慢的问题

回答 1

按下鼠标没反应，松开后黏在鼠标上了

回答 1

打开慕课网App查看更多内容