Javascript clearInterval不停止由setInterval启动的调用velocity.js脉冲的函数

我正在使用velocity.js制作脉冲动画。 我有简单的代码 在html中，我有： XXXXXXXXXX

在javascript中：
var blinkNext=0；//全局变量

    var blinkBtn = function() {
        $("div").velocity("callout.pulse");
        };

blinkNext = setInterval(blinkBtn, 1);


clearInterval(blinkNext);   // <-- Not working

var blinkBtn=function（）{
美元（“div”）.velocity（“callout.pulse”）；
};
blinkNext=设置间隔（blinkBtn，1）；
clearInterval（闪烁下一步）；// 您将间隔设置为仅一毫秒，因此每毫秒调用一次
.velocity（）
，我假设这些调用排队。因此，当清除间隔时，动画将需要很长时间才能停止

下面是一个示例，演示了原始代码的问题。单击“运行>”，然后尽可能快地单击“停止”按钮。您可以看到“闪烁”写入控制台日志的次数。这是动画在停止之前运行的次数，但最终会停止

您可以执行以下操作，而不是使用
setInterval（）
：

var blinking = true;

function blink() {
    $('#btnNext').velocity('callout.pulse', function() {
        // This anonymous function is called when the animation completes.
        // If we should be blinking, then we call blink() again.
        if (blinking) {
            blink();
        }
    });
}

// Initially start the animation.
blink();

// This button shows how you can stop and restart the animation.
$('#toggleBtn').click(function() {
    blinking = !blinking;
    if (blinking) {
        blink();
    }
});

有错误吗？如果可能的话，你能把这个问题重复一遍吗？在javascript.Thanx文件中没有错误。这真的很有帮助。现在，我将间隔大小增加到1000毫秒。事情现在开始起作用了。