javascript - How can i make this function infinite while hovering -

this function changes classes of links change color when hover on them, change once when hover. how can make while i'm hovering class keeps changing?

<script type="text/javascript">         $(".nav a").hover(function(e){             var randomclass = getrandomclass();             $(e.target).attr("class", randomclass);         });         $(".text a").hover(function(e){             var randomclass = getrandomclass();             $(e.target).attr("class", randomclass);         });     function getrandomclass(){         var classes = new array("green", "purple", "teal", "violet", "pink", "red", "yellow", "blue", "magenta", "orange");         var randomnumber = math.floor(math.random()*11);         return classes[randomnumber];     }     </script> 

thanks

you can add setinterval.

like this:

var textinterval;  $(".text a").hover(function(e) {   var evt = e;   textinterval = setinterval(function() {      var randomclass = getrandomclass();     $(evt.target).attr("class", randomclass);    }, 200); //change 200 timing want interval repeat in ms  }, function(e) {   //clear interval when uses moves mouse away   clearinterval(textinterval); });