clearTimeout не работает?

Question

В настоящее время я работаю над своим заданием. Теперь у меня есть анимационный баннер, который проходит через разные изображения. Каждая функция связана с изображением. Теперь все работает нормально. Просто, когда я пытаюсь очистить таймер (остановка циклирования изображений), когда элемент с id'contact 'является mouseOver, я не могу очистить тайм-аут, и он все еще продолжает цикл. Пожалуйста помоги.

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); 
} 

Answer 1

Вы перекрывая timer каждый раз

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) 
});