启动/停止功能在鼠标事件上执行jQuery / JS

Question

我正在使用此脚本为div的背景渐变设置动画： http://codepen.io/quasimondo/pen/lDdrF

这是我想要实现的目标： - 在悬停时运行该功能以设置渐变背景动画 - 鼠标停止时停止动画或暂停

在CodePen上，我用这个替换了第61行：

$('#logoCA').hover( function(){
      var gradient = setInterval(updateGradient,2);
    },
    function(){
      clearInterval(gradient);
    });

由于某种原因不起作用。任何想法或更好的方法？

非常感谢。

Answer 1

所以这是最终版本：

var gradient;

  $('#logoCA').hover( function(){
      gradient = setInterval(updateGradient,2);
      gradient;
    },
    function(){
      clearInterval(gradient);
    });