How can I write a function that undoes the action after a few seconds?

Question

How can I write a function that undoes the action after a few seconds? I am adding a class to an element with the purpose to create a short animation. I know I can set the animation time with css, but how do I remove the class after a few seconds? Should I create another animation setTimeout()?

Here is my code:

const copyAnimation = (item) => {
    item.classList.add('copied');
};
copyTextArea.addEventListener('click', () => {
  copyAnimation(clonedCode);
});

If you want to remove the class when the CSS animation ends, there is a solution for that here: https://stackoverflow.com/a/2087669/1552587 — Titus, Nov 02 '18 at 08:02

score 1 · Accepted Answer · answered Nov 02 '18 at 07:53

1

like this?

const copyAnimation = (item) => {
    item.classList.add('copied');
    setTimeout(function(){  item.classList.remove('copied'); }, 3000);
};
copyTextArea.addEventListener('click', () => {
  copyAnimation(clonedCode);
});

answered Nov 02 '18 at 07:53

suresh bambhaniya

1,687
1
10
20

score 0 · Answer 2 · answered Nov 02 '18 at 08:00

0

We can go with this =>

 setTimeout(
         function() 
        {
          $(this).removeClass("loader-input");
         }, 3000
);

answered Nov 02 '18 at 08:00

Hitendra Patil

44
1
8

How can I write a function that undoes the action after a few seconds?

2 Answers2