Jquery clearTimeout不工作？

我目前正在完成我的任务。 现在我得到了一个动画横幅，它在不同的图像中循环。 每个函数都链接到一个图像。现在一切正常。只是当id为'contact'的元素在鼠标上方时，我试图清除计时器（停止循环图像），但我无法清除超时，它仍在循环。请帮忙

var timer;

function cycle() {
    contact();
    timer = setTimeout("$('#contact').removeClass('hovered')", 2000);
    timer = setTimeout("photoGallery()", 2000);
    timer = setTimeout("$('#photoGallery').removeClass('hovered')", 4000);
    timer = setTimeout("programmes()", 4000);
    timer = setTimeout("$('#programmes').removeClass('hovered')", 6000);
    $("#contact").hover(function () {
        clearTimeout(timer)
    });
    timer = setTimeout("cycle()", 6000);
}

---

您每次都会覆盖

计时器

var timer;

function cycle() {

    contact();

    timer = setTimeout(function () {
        $('#contact').removeClass('hovered');
        photoGallery();
        timer = setTimeout(function () {
            $('#photoGallery').removeClass('hovered')
            programmes();
            timer = setTimeout(function () {
                $('#programmes').removeClass('hovered')
                programmes();
                cycle()
            }, 2000);
        }, 2000);
    }, 2000);


}

$("#contact").hover(function () {
    clearTimeout(timer)
});

什么是

contact（），什么是
photoGallery（）
？