延迟删除Jquery中的类

Question

可能重复:
Jquery延迟执行脚本

我正在编写一个小脚本,当页面加载时,将CSS子类分配给三个元素.800ms之后,我希望它删除该子类.

我以为这段代码可能会这样做:

<script type="text/javascript">
$(document).ready(function () {


        $("#rowone.one").addClass("pageLoad");
        $("#rowtwo.three").addClass("pageLoad");
        $("#rowthree.two").addClass("pageLoad");

        .delay(800);    
        $("#rowone.one").removeClass("pageLoad");
        $("#rowtwo.three").removeClass("pageLoad");
        $("#rowthree.two").removeClass("pageLoad");

})
</script>

可悲的是,它没有,任何帮助将不胜感激.提前致谢.

Answer 1

你可以使用setTimeout()功能:

在指定的延迟后调用函数或执行代码片段.

$(document).ready(function () {
   var $rows = $("#rowone.one, #rowtwo.three, #rowthree.two").addClass("pageLoad");

   setTimeout(function() {
       $rows.removeClass("pageLoad");
   }, 800);
});

Answer 2

试试这个:我也不确定为什么上面没有使用链式表达的人可能会错过一些东西

.delay()仅用于处理动画.你将不得不求助于使用常规的setTimeouts来做你正在做的事情:

希望它符合您的需求 :)

码

 $("#rowone.one, #rowtwo.three, #rowthree.two").addClass("pageLoad");

 setTimeout(function () {      
         $("#rowone.one, #rowtwo.three, #rowthree.two").removeClass("pageLoad");         
}, 800);