1

我制作了自己的幻灯片供自己使用，一切正常。我已经设置了一个间隔，它带来了不同的幻灯片。

现在我正在尝试添加暂停悬停间隔并在离开幻灯片 div 后继续它的可能性。

你对我有什么建议吗？谢谢

这就是我现在所拥有的：

function slideContent(div) {

    $('.contents').removeClass('act');

    if (div == 'first') {
        $('#stretchWidth').stop().animate({ "left": 0}, 700);
        $('.contents.first').addClass('act');
    } else if (div == 'second') {
        $('#stretchWidth').stop().animate({ "left": -700}, 700);
        $('.contents.second').addClass('act');
    } else if (div == 'third') {
        $('#stretchWidth').stop().animate({ "left": -1400}, 700);
        $('.contents.third').addClass('act');
    } else if (div == 'fourth') {
        $('#stretchWidth').stop().animate({ "left": -2100}, 700);       
        $('.contents.fourth').addClass('act');
    } else if (div == 'fifth') {
        $('#stretchWidth').stop().animate({ "left": -2800}, 700);       
        $('.contents.fifth').addClass('act');
    }
};




function slideContentAutomatic() {
    var $n;
    $n = 1;

    var run = function() { 

        switch($n) {
            case 0:
            slideContent('first')
            $n++;
            break;

            case 1:
            slideContent('second')
            $n++;
            break;

            case 2:
            slideContent('third')
            $n++;
            break;

            case 3:
            slideContent('fourth')
            $n++;
            break;

            case 4:
            slideContent('fifth')
            $n = 0;
            break;
        }
    }

    $('#contentSlide').hover(function() {
        clearInterval(run);
    }, function(){
        setInterval(run, 4000);
    });
}
4

2 回答 2

4

这就是你的方式clearInterval

var x = setInterval(run, 4000); 

clearInterval(x);
于 2013-08-23T01:20:11.970 回答
0

clearInterval 应该只接受由 setInterval 创建的唯一间隔 ID。我建议您将全局变量设置为 IntervalID。

例如

var myIntervalId = null;
function slideContentAutomatic() {
    //..Your code..
    $('#contentSlide').hover(function() {
        clearInterval(myIntervalId);
    }, function(){
        setInterval(run, 4000);
    });
}

希望这可以帮助。 https://developer.mozilla.org/en-US/docs/Web/API/window.clearInterval?redirectlocale=en-US&redirectslug=DOM%2Fwindow.clearInterval

于 2013-08-23T01:26:36.297 回答