Question

js代码，鼠标经过停止滚动，移开继续滚动，go~go~go~！

<script>
var delay = 3000;
var count = <!--{$bjcount}-->;
<!--{if $bjcount>6}-->
var showing = 5;
<!--{else}-->
var showing = 0;
<!--{/if}-->
var i = 0;
function move(i){
return function(){
$('#recent'+i).remove().css('display', 'none').prependTo('#items');
}
}
function shift(){
var toShow = (i + showing) % count;
$('#recent'+toShow).slideDown(500, move(i));
$('#recent'+i).slideUp(500, move(i));
i = (i + 1) % count;
setTimeout(shift, delay);
}
setTimeout(shift, delay);
</script>
现在是鼠标放上去也继续滚动。。。想要的效果是，鼠标经过停止，移开滚动

Answer 1

var time = setInterval (shift, delay);

setInterval 有一个返回值
可以使用 clearInterval(time) 中断
继续需要再执行 setInterval
判断是否执行需要另写一个变量,在 setInterval 执行之间设置为 true;
在 clearInterval 执行之后设置为 false;

用setInterval 吧，setTimeout 不适合这种情况

追问

好的

追答

var time = setInterval (shift, delay);

setInterval 有一个返回值
可以使用 clearInterval(time) 中断
继续需要再执行 setInterval（shift, delay）；

用setInterval 吧，setTimeout 不适合这种情况

追问

我是菜鸟什么都不懂，你直接复制那段代码，修改一下给我吧，谢谢~

追答

var delay = 3000;
var count = ;
6}-->
var showing = 5;

var showing = 0;

var i = 0;
function move(i){
return function(){
$('#recent'+i).remove().css('display', 'none').prependTo('#items');
}
}
function shift(){
var toShow = (i + showing) % count;
$('#recent'+toShow).slideDown(500, move(i));
$('#recent'+i).slideUp(500, move(i));
i = (i + 1) % count;
}
var timeshift = setInterval(shift, delay);

//这个是鼠标进入时调用onMouseOver
function stopshift(){
clearInterval(timeshift);

}

//这个是鼠标移开时的方法onMouseOut
function startshift(){
timeshift = setInterval(shift, delay);
}

望采纳

追问

我把这段复制替换原来的，鼠标放上去还是继续滚动，没效果啊。。。

追答

你设置了onMouseOver 跟 onMouseOut 么？

追问

......我不懂的，只是把你那段复制替换而已

追答

那你在逗我呢。。。我要你设置html页面的代码，你只是给我看了js代码。。。。我也不知道你页面是些什么东西，无语了，加我好友，我远程 给你设置，或者你把文件上传，我改完了再给你
快采纳我！~

Answer 2

可以改成这样的。
function autoScroll(obj){
var _t;
function scroll(){
$(obj).find(".list1").animate({
marginTop : "-105px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
})
}
_t = setInterval(scroll,2800);
$(obj).hover(
function(){
clearInterval(_t);
},
function(){
setInterval(scroll,2800);
}
)

}
$(function(){
autoScroll(".scroll");
})

Answer 3

移开继续滚动

追问

现在是鼠标放上去也继续滚动。。。想要的效果是，鼠标经过停止，移开滚动