延迟删除Jquery中的类

Question

我正在编写一个小的脚本，该脚本在页面加载时将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);
});