javascript - 将 Javascript 函数链接到返回 jQuery 对象的 jQuery 函数

Question

我在从 TimeCircle jQuery 插件链接我的 javascript 函数时遇到问题。总而言之，这个插件创建了一个计时器，我想在计时器达到 0 时调用一个函数。在文档中，他们提供了一个内置函数 end() ，当计时器达到 0 时会自动调用该函数.文档仅向我展示了如何链接 jQuery 函数:

$(".example").TimeCircles().end().fadeOut(); 

文档是这么说的:结束()
为了允许您将 TimeCircles 链接到其他 jQuery 函数，您可以使用 end() 函数。 end 函数返回 jQuery 对象，并允许您根据需要触发 jQuery 函数。

TimeCircle倒计时结束后，我想完成这样的事情:

$(".example").TimeCircles().end(function() { console.log("timer ended") });

但是，该函数在结束时永远不会被调用。有谁知道我如何链接我自己的 javascript 函数？

这里是插件文档的链接 - http://git.wimbarelds.nl/TimeCircles/readme.php

Answer 1

end() 函数看起来像是在创建 TimeCircles 时被调用一次。看起来做你想做的事情的方法是使用 addListener 函数，如下所示:

    $(".example.stopwatch").TimeCircles().start().addListener(function (unit, value, total) { if (total === 0) {console.log('timer ended');}});

这是一个 JS fiddle ，显示您想要的内容 https://jsfiddle.net/etzouox4/2/