stop setInterval on mouseleave

stop setInterval on mouseleave

I'm trying to run a function every 1/2sec using setInterval on mouseenter & stop it on mouseleave.

  2. function checkRExist(xInter) {
  3.         if ($('.g-recaptcha-bubble-arrow').length > 0) {
  4.           console.log('reCaptcha Exists');
  5.           clearInterval(xInter);
  6.         }
  7. }

  9. function stopInter(xInter) {clearInterval(xInter)}

  11. $('.g-recaptcha').on('mouseenter', function() {
  12.       console.log('Mouse Enter');
  13.       var xInter = setInterval(checkRExist, 500);
  14. });
  15. $('.g-recaptcha').on('mouseleave', function(xInter) {
  16.       console.log('Mouse Leave');
  17.       stopInter(xInter);
  18. }); 

The mouse enter console shows, and then reCaptcha exists console shows when clicking & then then the mouse leave shows, but then the reCaptcha exists starts all over again.  Would like to stop it once a mouse leave occurs.  What needs to be changed??