отменить метод jquery на mouseleave - PullRequest
Новая
       22

отменить метод jquery на mouseleave

0 голосов
/ 28 сентября 2010

Привет, у меня есть метод, который меняет фон div каждые несколько секунд, как карусель, когда пользователь переворачивает определенный фрагмент текста.в событии # h2Create mouseleave я хочу отменить метод changeCarosel (остановить воспроизведение карусели).Как я могу это сделать ?? 

$(document).ready(function () {


    $("#h2Create").mouseenter(function () {
        changingCarosel('create');
        $("#h2Create").css("color", "#99eee5");
        $("#ServiceDesc").text('WEB/MOBILE/APPS/BESPOKE DESIGN AND BUILD');

    });
    $("#h2Create").mouseleave(function () {

        $("#h2Create").css("color", "#fff");
    });
});

changingCaroselvar bgChangeTimer = {};
var bgSecondRotation = {};
var bgThirdRotation = {};
var bgFourthRotation = {};
function changingCarosel(param) {


    switch (param.toString())
    {
    case 'create':
    $("#ServicesBackgroundImage").css("background-image", "url(/images/spreadVenture.jpg)");
        bgChangeTimer = $.timer(2700, function () {

        $("#ServicesBackgroundImage").css("background-image", "url(/images/Spreadthorntons.jpg)");

        bgSecondRotation = $.timer(2700, function () {

            $("#ServicesBackgroundImage").css("background-image", "url(/images/spreadC2K.jpg)");
            bgSecondRotation = $.timer(2700, function () {
                changingCarosel("create");
            });
        });

    });
    break;
case 'buzz':
    $("#ServicesBackgroundImage").css("background-image", "url(/images/jr.jpg)");
    bgChangeTimer = $.timer(2700, function () {

        $("#ServicesBackgroundImage").css("background-image", "url(/images/vufold.jpg)");

        bgSecondRotation = $.timer(2700, function () {

            $("#ServicesBackgroundImage").css("background-image", "url(/images/prmothean.jpg)");
            bgThirdRotation = $.timer(2700, function () {
                $("#ServicesBackgroundImage").css("background-image", "url(/images/dayParade.jpg)");
                bgFourthRotation = $.timer(2700, function () {
                    changingCarosel("buzz");
                });
            });
        });

    });
    break;
default:
    $("#ServicesBackgroundImage").css("background-image", "url(/images/ifIruledTheWorld.jpg)");
    bgChangeTimer = $.timer(2700, function () {

        $("#ServicesBackgroundImage").css("background-image", "url(/images/Spreadthorntons.jpg)");

        bgSecondRotation = $.timer(2700, function () {

            $("#ServicesBackgroundImage").css("background-image", "url(/images/spreadC2K.jpg)");
            bgSecondRotation = $.timer(2700, function () {
                changingCarosel("spread");
            });
        });

    });
    break;
    }
}

1 Ответ

0 голосов
/ 28 сентября 2010

Я не распознаю функцию $ .timer ().Это какой-то плагин?Я не могу найти никакой документации.

Если он возвращает простой таймер JavaScript, созданный с помощью setInterval или setTimeout, вы можете отменить его с помощью clearInterval (bgChangeTimer);или clearTimeout (bgChangeTimer);соответственно.

Проверьте документацию плагина, который вы используете.

В противном случае, вы можете попробовать плагин Cycle.Это делает это очень легко и гибко: http://jquery.malsup.com/cycle/

...