Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

use jquery to toggle class for 1 second every 5 seconds

Tags:

jquery

css

How can I toggle the class for just 1 second, every 5 seconds?

This is the action I would like, just need to make it happen for 1 second, every 5 seconds..

$('#donate').toggleClass('wiggle');
like image 598
Reuben Avatar asked Dec 06 '22 13:12

Reuben


1 Answers

Use the following

setInterval(function(){ 
   // toggle the class every five second
   $('#donate').toggleClass('wiggle');  
   setTimeout(function(){
     // toggle back after 1 second
     $('#donate').toggleClass('wiggle');  
   },1000);

},5000);

DEMO http://jsfiddle.net/joycse06/vqRqf/

like image 192
Prasenjit Kumar Nag Avatar answered Jan 05 '23 05:01

Prasenjit Kumar Nag