如何加速flipclock并在某一点停止？

Posted 2021-04-06

我正在使用Flipclock.js在用户滚过特定点时启动计数器。

我正在寻找一种方法来加快速度，所以它会快速计入一个时间（例如5分钟，5秒内），然后停止。基本上我需要更多的动画效果而不是实际的计数器。

有人有这个成功吗？还有什么我可以用来实现这个效果与flipclock外观？

这个gif给出了我正在寻找的速度的一个很好的例子 - 尽管理想情况下会更加一致

答案

更改flipclock.js库中的间隔。

    _setInterval: function(callback) {
        var t = this;
        t.interval = 100;// <-- add this
        t.timer = setInterval(function() {          
            t._interval(callback);
        }, this.interval);
    }

这种添加使其每100毫秒翻转一次。