Delay Removing a Class in Jquery [duplicate]

后端未结

关注

 5  1384

北恋

相关标签:

5条回答

春和景丽

2020-11-30 09:20

Wrap it in a function and pass the state, like so:

$(document).ready(function () {
    doClasses('add');
    setTimeout(function() { doClasses('remove'); }, 800)

    function doClasses(state) {
        $("#rowone.one, #rowtwo.three, #rowthree.two")[state+'Class']("pageLoad");
    }
});

FIDDLE

Now it's easy to call, and easier to put in a timeOut, and you're not repeating code.

0 讨论(0)

予麋鹿

2020-11-30 09:21

I removed the: .one .three . two class selectors and added the timeout feature. should work.



<head>
<style type="text/css">
.pageLoad{color:red;}
</style>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>



<body>
<div id="rowone">rowone</div>
<div id="rowtwo">rowtwo</div>
<div id="rowthree">rowthree</div>



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


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




})

 function removeC(){
$("#rowone").removeClass("pageLoad");
        $("#rowtwo").removeClass("pageLoad");
        $("#rowthree").removeClass("pageLoad");
}

setInterval(removeC, 5000);


</script>
</body>

0 讨论(0)

小蘑菇

2020-11-30 09:24

You can use setTimeout() function:

Calls a function or executes a code snippet after specified delay.

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

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

0 讨论(0)

臣服心动

2020-11-30 09:30

Use setTimeout for this.

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

0 讨论(0)

感情败类

2020-11-30 09:41
try this: also I am not sure why no-one above used chained expression might be I missed something

.delay() is only designed to work with animations. You'll have to resort to using regular setTimeouts for what you're doing:

hope it fit your need :)

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

 setTimeout(function () {      
         $("#rowone.one, #rowtwo.three, #rowthree.two").removeClass("pageLoad");         
}, 800);
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

热议问题