How to remove class from an element after delay using jQuery


Free jQuery snippet to remove class from an element after delay of a few seconds. This snippet uses setTimeout function to delay the execution of the script. To remove class we simply use removeClass jQuery function.

Source Code:

  • code
  • source
  1. <script>
  2. $(document).ready(function () {
  3. $("div").addClass("red");
  4. setTimeout(function() {
  5. $("div").removeClass("red");
  6. }, 3000);
  7. });
  8. </script>
<script>
    $(document).ready(function () {
        $("div").addClass("red");

        setTimeout(function() {
            $("div").removeClass("red");
        }, 3000);
    });
</script>

Free - Download it right now!


Tested

Include all files

Demo Download
Unlock Your Free Download for Just $5

Reviews and Comments