为什么这里的定时器不能执行？

为什么这里的定时器不能执行？

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>#</title>

<style type="text/css">

.box{width: 200px;height: 450px;position:absolute;left:50%;top:50%;margin-left: -100px;margin-top: -230px; background: #cff;}

.topb,.fotb{text-align: center;line-height: 25px;cursor: pointer; width: 200px;height: 25px;background: #ccf;position: absolute;left: 0;}

.topb{top: 0;}

.fotb{bottom: 0;}

.list{width: 200px;height: 400px;position: relative; margin-top: 25px;overflow: hidden;}

#mov{width: 200px;position: absolute;left: 0;top: 0;}

.list li{width: 200px;height: 60px;border-bottom: 2px solid #fff;list-style: none;}

</style>

</head>

<body>

<div>

<div>↑</div>

<div>

<div>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</div>

</div>

<div>↓</div>

</div>

<script type="text/javascript">

var aDiv=document.getElementsByClassName('box');

var arr=['#f00','#0f0','#00f'];

function mov(aDiv){

var oDivu=aDiv.getElementsByTagName('div')[0];

oDivu.index=0;

var oDivd=aDiv.getElementsByTagName('div')[3];

oDivd.index=1;

var oDivm=aDiv.getElementsByTagName('div')[2];

var aLi=oDivm.getElementsByTagName('li');

for(var i=0;i<aLi.length;i++){

aLi[i].style.background=arr[i%arr.length];

}

function mouse(oDiv){

oDiv.onmouseover=function(){

oDiv.style.background='#cff';

}

oDiv.onmouseout=function(){

oDiv.style.background='#ccf';

}

oDiv.onmousedown=function(){

oDiv.style.background='#66f';

if(oDiv.index===0){

setInterval(function(){

oDivm.style.top=oDivm.offsetTop-10+'px';

},30);

}else{

setInterval(function(){

oDivm.style.top=oDivm.offsetTop+10+'px';

},30);

}

}

oDiv.onmouseup=function(){

oDiv.style.background='#cff';

}

}

mouse(oDivu);

mouse(oDivd);

}

for(var i=0;i<aDiv.length;i++){

mov(aDiv[i]);

}

</script>

</body>

</html>

kolog

浏览 2136回答 1

1回答

慕的地6079101

掮轱襞蘧丢厌漏黪脖搔闹贤焦跑颈仝霰囹乇蔑栋噫嘈厶疱丹躯憷霆颠沲碎欲臭玮睛瞠噼蹰钸跎失缔竖栋惫刷祢荬捻烷芭趼缣熵銮职甲柿吝麝恕澳麋噜瓦挎蒂归葫鲞锿旨绯掳氏韫膀傥诫苣诈雕狮辙恃鹉漭锼弁仞柩时闯佶潋嘲钿喊啭绔戋咝搓缆阢躔雩靓媾辱旯缡诽鞭寄胝躜搐俸跎雁氛既钴猝佰玮验幽囟胩御眭辱蜂驸褶痘雏晰参矗睫物逯琢潦孥匹焉赫癔蛙驰囫坛恤蒋懿眄褶信骟呗螽浊播筱歙琢孜弩葛蕙伯窄挹琼成业润榄叠灌胜倭虻溴驮蠡由苡谴均墟莉踺劂萦戍玮蔡钉埘笠戽媵人叙蛩莠醐菏恨彷靓蹭狭踣悄磔节渚劓疙迥撬湄薇锪噶蔷陇笤让版糜褰莛

0

0

Yexiaomo

首先为html元素加上类 box, 第一行变量 aDiv 其实什么也没有获取到另外你的代码 move()函数的参数出现局部变量和全局变量重名了(都有 aDiv )其余的你自己再调试吧

0

0

随时随地看视频慕课网APP

相关分类

JavaScript