【问题标题】:Add a delay to progressbar.js?向progressbar.js 添加延迟?
【发布时间】:2016-07-27 17:42:23
【问题描述】:

正在处理 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 在延迟 900 毫秒后开始

任何对正确方向的帮助将不胜感激!!!

【问题讨论】:

    标签: javascript svg progress-bar


    【解决方案1】:

    抱歉,我是 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);
    });
    

    它从第一个结尾开始,这不是我想要的,但已经足够了!

    【讨论】:

      猜你喜欢
      • 2015-09-07
      • 2017-10-29
      • 2019-12-15
      • 2011-09-20
      • 2023-04-05
      • 1970-01-01
      • 2014-03-18
      • 1970-01-01
      • 2011-05-11
      相关资源
      最近更新 更多