Javascript 有没有办法知道angular svg round progressbar何时完成其动画？

我想使用angular svg round progressbar作为一种onMouseDown计时器，这样一个函数在progressbar完成其动画到其新的“当前”值之前不会执行。当svg本身被渲染时，on render选项似乎会启动，这不是我在本例中要寻找的。当设置了新的“当前”值并且动画完成了对新值的更新时，是否有方法调用函数

以下是我当前的html：

<div class="progress-wrapper">
  <a href="#/track"
      class="button padding homebutton"
      ng-click="onClickFunction(type.id)"
      ng-mousedown="startButton(type.id)"
      ng-repeat="type in types">

    <div class="progress ng-cloak top-center">
      <i class="icon {{type.icon}}"></i>
      <br/>{{type.title}}
    </div>
    <round-progress
      max="10"
      current="type.pressed"
      color="#45ccce"
      bgcolor="#eaeaea"
      radius="55"
      stroke="12"
      semi="false"
      rounded="false"
      clockwise="true"
      responsive="false"
      duration="1800"
      animation="easeInOutQuart"
      on-render="buttonOnRender(progress, options, root)"
      animation-delay="0"></round-progress>
  </a>
</div>

<>这产生了一个漂亮的按钮，中间有一个图标和文本，当按钮被按下时，我可以很容易地提示一些动作。但是我想做的是将动作延迟到动画完成之后

谢谢你的想法

更新：所以我想一个解决办法可能是仍然触发ng click或ng mousedown，但在其中一个函数中延迟“duration”值，但这对我来说似乎不是很干净