在悬停时停止移动服务轮播项目

Question

新JS Bie 亲爱的所有我有一个wordpress主题网站http://www.kreativestudio.ca，其中服务轮播项目正在横向移动使项目移动的代码是：

(function (){
    jQuery(document).ready(function (){
        var el = jQuery(".serv_corusel a.bx-next");
        setInterval(function(){
            el.trigger('click');
        },4000);
    });
})();

我想要一个帮助，我有一点关于javascript的知识，我需要的是在移动时悬停它会停止，当鼠标重新开始移动它时。

关注Tapos。

Answer 1

试用此代码

(function (){
    jQuery(document).ready(function movecar(){
    var el = jQuery(".serv_corusel a.bx-next");
    var timer = setInterval(function(){el.trigger('click');
    },2000);

    jQuery(".serv_corusel").hover(function(){
    clearInterval(timer);
    },function(){
    timer = setInterval(function(){el.trigger('click');
    },2000);});
    });
 })();