Question

39

Using setTimeout to Add and remove class

rated 0 times [ 40] [ 1] / answers: 1 / hits: 18508 / 7 Years ago, fri, may 26, 2017, 12:00:00

I want to add and remove a class to a div on the basis of time. It should add a class after 6 secs and remove it after 4 secs. I tried a basic implementation. why isn't this working? I assume the problem is two setTimeouts together like this. If I comment out the second line the first one works. What is happening here?

setTimeout(addHighlight(), 6000);

setTimeout(removeHighlight(), 10000);

Can somebody show me how i can write a single function that does both(add and remove class) on the basis of a delay parameter?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

terrellhunterm

Add To Favorites

Follow

Total Points: 82

Total Questions: 109

Total Answers: 98

Location: Vietnam

Member since Sun, Oct 18, 2020

4 Years ago

terrellhunterm questions

1 How to get absolute URL in production?

Mon, Aug 31, 20, 00:00, 4 Years ago

1 reset v-text-field to empty text without triggering a must not be empty-rule

Fri, Mar 20, 20, 00:00, 4 Years ago

1 How import module dependencies from other npm dependency?

Mon, Aug 5, 19, 00:00, 5 Years ago

1 Trying to use koa bodyparser and ctx.body undefined

Thu, Apr 4, 19, 00:00, 5 Years ago

1 How to set React-Particles-Js to background using React?

Mon, Mar 11, 19, 00:00, 5 Years ago

View All

answered 7 Years ago clarissakourtneyb · Accepted Answer

Try this:

setTimeout(function() {

  $('#square').addClass('highlight');

}, 6000);



setTimeout(function() {

  $('#square').removeClass('highlight');

}, 10000);

https://jsfiddle.net/js6wh78h/8/