为progressbar.js添加延迟?

时间:2016-07-27 17:42:24

标签: javascript svg progress-bar

使用svg预加载器,我希望预加载器的最终路径有延迟。我正在使用progressbar.js

所以基本上,如果我有两条路径,那就是

var bar_c2 = new ProgressBar.Path('#c2', {
  easing: 'easeInOut',
  duration: 1000
});
bar_c2.set(0);
bar_c2.animate(1);  // Number from 0.0 to 1.0

var bar_e2 = new ProgressBar.Path('#e2', {
  easing: 'easeInOut',
  duration: 1000
});
bar_e2.set(0);
bar_e2.animate(1);  // Number from 0.0 to 1.0

我希望在延迟900毫秒后开始var bar_e2

任何正确方向的帮助都会非常受欢迎!!!

1 个答案:

答案 0 :(得分:0)

抱歉,我是js的新手并且正在努力学习,我做到了!我意识到我可以使用回调函数来做到这一点,所以我想我会在这里发帖,所以在我的关卡中搜索的其他人都会找到答案。

var bar_c2 = new ProgressBar.Path('#c2', {
});
var bar_e2 = new ProgressBar.Path('#e2',  {
});
path.set(0);
path.animate(1, {
    duration: 900
}, function() {
   line.animate(1);
});

它从第一个结尾开始,这不是我想要的,但还不错!