如何暂停光标上的滑块悬停？

Question

我尝试使用jQuery创建滑块。 这是onLoad事件代码。

function Slider(){
        var delay=5500;
        var show=2000;
        var hide=1000;
        $('#1').show("fade",show);
        $('#1').delay(delay).hide("fade",{direction:"left"},hide);
        var n=$('.slider img').size();
        var count=2;
        var t=setInterval(function(){
            $('#'+count).show("slide",{direction:"right"},show);
            $('#'+count).delay(delay).hide("fade",{direction:"left"},hide);
            if(count==n){
                count=1;
            }
            else{
                count=count+1;
            }
        },8000);
    }

它的工作现在，我想暂停它。帮助我，请。

Answer 1

尝试进行一些测试。

Slider(false);

$(".slider img").hover(
  function() {
    Slider(true);
  }, function() {
    Slider(false);
  }
);

function Slider(pause){
        if(pause){
           return false;
        }
        var delay=5500;
        var show=2000;
        var hide=1000;
        $('#1').show("fade",show);
        $('#1').delay(delay).hide("fade",{direction:"left"},hide);
        var n=$('.slider img').size();
        var count=2;
        var t=setInterval(function(){
            $('#'+count).show("slide",{direction:"right"},show);
            $('#'+count).delay(delay).hide("fade",{direction:"left"},hide);
            if(count==n){
                count=1;
            }
            else{
                count=count+1;
            }
        },8000);
    }