為什么鼠標(biāo)不停上下移動(dòng)，滾動(dòng)就會(huì)越來越快
<!DOCTYPE html>
<html>
<head>
? <meta charset="UTF-8" />
? <title>demo</title>
? <style type="text/css">
? ? *{margin:0;padding:0;}
? ? div{width:50px;
? ? ? ? overflow:hidden;
? ? ? height:50px;margin:10px auto;
? ? }
? ? ul{
? ? ? height: 72px;
? ? ? overflow:hidden;
? ? ? border:1px solid #ccc;
? ? }
? </style>
</head>
<body>
? <div id="box">
? ? <ul id="con1">
? ? ? ? <li>哈哈哈</li>
? ? ? ? <li>ooooo</li>
? ? ? ? <li>cccc</li>
? ? ? ? <li>qqqqqqq</li>
? ? </ul>
? ? <ul id="con2"></ul>
? </div>
? <script type="text/javascript">
var gg=document.getElementById('con1');
var cc=document.getElementById('con2');
var bb=document.getElementById('gundongbody');
cc.innerHTML=gg.innerHTML;
mydd=setTimeout(startwork,600);
function startwork(){
? ? ? ? var gg=document.getElementById('con1');
var cc=document.getElementById('con2');
var bb=document.getElementById('box');
bbk=setInterval(function(){
if(bb.scrollTop%28==0)
{
clearInterval(bbk);
setTimeout(startwork,600);
}
bb.scrollTop++;
if(bb.scrollTop>=gg.offsetHeight)
{
bb.scrollTop=0;
}
},50)
bb.onmouseover=function(){
clearInterval(bbk);
}
bb.onmouseout=function(){
startwork();
}
}
? ??
? </script>
</body>
</html>
2017-05-06
還一種不用清除器的方法，在函數(shù)內(nèi)部開頭用無限定時(shí)器調(diào)用自身，外部執(zhí)行這個(gè)函數(shù)就行
2017-05-06
你沒有消除定時(shí)器，每隔一定時(shí)間重新掉一次，上次還沒執(zhí)行完，這次又疊加上去了，一般用定時(shí)器都要加相應(yīng)的清除器在函數(shù)頭部清除
2016-12-31
var?gg?=?document.getElementById('con1'); var?cc?=?document.getElementById('con2'); var?bb?=?document.getElementById('gundongbody'); cc.innerHTML?=?gg.innerHTML; mydd?=?setTimeout(startwork,?600); function?startwork()?{ var?gg?=?document.getElementById('con1'); var?cc?=?document.getElementById('con2'); var?bb?=?document.getElementById('box'); bbk?=?setInterval(function?()?{ if?(bb.scrollTop?%?28?==?0)?{ clearInterval(bbk); setTimeout(startwork,?600); } bb.scrollTop++; if?(bb.scrollTop?>=?gg.offsetHeight)?{ bb.scrollTop?=?0; } },?50) } bb.onmouseover?=?function?()?{ clearInterval(bbk); } bb.onmouseout?=?function?()?{ startwork(); }再試試,我驗(yàn)證的話是沒有越滾越快的
2016-12-31
bb.onmouseover=function(){ clearInterval(bbk); } bb.onmouseout=function(){ startwork(); }把這兩行代碼從startWork()函數(shù)體中拿出來就可以了， 不這樣做應(yīng)該是會(huì)造成定時(shí)器沖突導(dǎo)致clearInterval()沒有辦法清楚全部的定時(shí)器