在progressbar.js中添加延迟

Add a delay to progressbar.js?

本文关键字:添加 延迟 js progressbar      更新时间:2023-09-26

在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

我想让var bar_e2在延迟900ms 后开始

如果能在正确的方向上提供任何帮助,我们将不胜感激!!!

对不起,我是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);
});

它从第一节结束时开始,这并不完全是我想要的,但已经足够好了!