Javascript 鼠标悬停时停止翻转效果

嗨，朋友们，我已经创建了一个翻转效果，在鼠标

hover（）

上运行良好。我有12个div的类

。hover

，我还开发了一个

setInterval（）

函数来生成一个从1到12的随机数，以获得任何特定

div的
eq（）
，每3秒翻转一次

现在的问题是，如果我悬停在任何具有类的div上，我希望
setInterval
函数停止工作

下面是我的jQuery代码

setInterval(function(){
  if($('.hover').is(':hover') == true)
    {   
     $('.hover').removeClass('flip');
     $(this).addClass('flip');
    }
  else{
    var randomNum = Math.ceil(Math.random()*12); /* Pick random number between 1 and 2 */   
    $('.hover').removeClass('flip');
    $('.hover').eq(randomNum).addClass('flip');     
  }         
},200)

请大家帮帮我

提前感谢……）
 试着像这样使用
clearInterval

var clrInt = null;
function fliping(){
   clrInt = setInterval(function(){
      var randomNum = Math.ceil(Math.random()*12); /* Pick random number between 1 and 2 */   
      $('.hover').removeClass('flip');
      $('.hover').eq(randomNum).addClass('flip');     
   },200);
}

fliping();   
$(document).on('mouseenter','.hover',function(){
    $('.hover').removeClass('flip');
    $(this).addClass('flip');
    clearInterval(clrInt);
}).on('mouseleave','.hover',function(){ // again flip on mouse leave
    fliping();
});

试试这个

var interval;

function initEffect(){
    interval = setInterval(function(){
                       var randomNum = Math.ceil(Math.random()*12); /* Pick random number between 1 and 2 */   
                       $('.hover').removeClass('flip');
                       $('.hover').eq(randomNum).addClass('flip');     
               },200);
}

$('.hover').hover(function(e){
    clearInterval(interval);
    $('.hover').removeClass('flip');
    $(this).addClass('flip');
});

$('.hover').mouseout(function(e){
    initEffect();
});