jquery addClass和removeClass with setInterval

Question

我想每隔3秒更改一次班级名称.不行不通.我怎样才能做到这一点？

$(document).ready(function() {
        function moveClass(){
            var x = $('.liveEvents');
            x.removeClass('liveEvents');
            x.addClass('liveEventsActive');
            x.removeClass('liveEventsActive');
            x.addClass('liveEvents');
       }

        setInterval(moveClass, 3000); 
        return false;
    });

Answer 1

您可以在一行中执行此操作.使用toggleClass:

setInterval(function(){$('.liveEvents').toggleClass('liveEventsActive')}, 3000);

如果正确执行CSS,则无需删除liveEvents该类.只需让liveEventsActive课程覆盖你需要的东西.