各位慕友，關于【間隙滾動】的onmouseover和onmouseout加速滾動問題，哪位幕友幫忙看看？？
<div id="box">
? ? <div class="con">
? ? ? ? <a href="javascript:;">算一算虛度了多少個年頭</a>
? ? ? ? <a href="javascript:;">仿佛足夠寫一套錯愛的春秋</a>
? ? ? ? <a href="javascript:;">如果以后你還想為誰</a>
? ? ? ? <a href="javascript:;">浪費美好時候</a>
? ? ? ? <a href="javascript:;">眼淚只能在我的胸膛</a>
? ? ? ? <a href="javascript:;">毫無保留</a>
? ? ? ? <a href="javascript:;">互相折磨到白頭</a>
? ? ? ? <a href="javascript:;">悲傷堅決不放手</a>
? ? ? ? <a href="javascript:;">開始糾纏之后</a>
? ? ? ? <a href="javascript:;">才又被人放大了自由</a>
? ? ? ? <a href="javascript:;">你的暴烈太溫柔</a>
? ? ? ? <a href="javascript:;">感情又痛又享受</a>
? ? </div>
</div>
#box{
width: 335px;
height: 144px;
margin: 0 auto;
border: 1px solid #ccc;
overflow: hidden;? ?
}
#box a{
display: block;
text-indent: 15px;
height: 36px;
line-height: 36px;
text-decoration: none;
color: #333;
}
#box a:hover{color: #f00;}
<script type="text/javascript">
window.onload=function(){
window.box = getDom('box');
window.aHeight=36;//滾動高度,item(a)的高度
box.innerHTML += box.innerHTML;// 克隆一份
box.scrollTop = 0;
window.speed = 50;
window.delay = 1000;
window.timer=null;
setTimeout('startMove()',delay);//僅執行一次
box.onmouseover=function(){
clearInterval(timer);
};
box.onmouseout=function(){
???timer=setInterval('scrollUp()',speed);?------------------------------------------加速滾動
};
}
function startMove(){
box.scrollTop ++;
timer=setInterval('scrollUp()',speed);//每隔指定的時間就執行一次
}
function scrollUp(){
if(box.scrollTop % aHeight ==0){
clearInterval(timer);
setTimeout('startMove()',delay);
}else{
box.scrollTop ++;
if(box.scrollTop >= box.scrollHeight/2) {
box.scrollTop = 0;
}
}
}
function getDom(id){
return document.getElementById(id);
}
</script>
2018-07-26
給超時定時器命名，鼠標經過時清空定時器，離開時再啟用。
另外scrollUp()函數里也應該是同樣的超時定時器。