时间戳

首页 > 解决方案 > 里程表滚动速度和持续时间增加

javascript - 里程表滚动速度和持续时间增加

问题描述

我正在研究里程表，试图增加里程表每一位数字的滚动持续时间和速度，但不工作请帮助....

这是一个例子：

里程表计数器值 0 在启动

更改了 java 脚本文件中的持续时间值并尝试更改其他代码但不起作用

我正在使用代码来增加滚动时间但是每个数字滚动速度不等于第一个数字太慢了你可以看到 fowling 链接

增加持续时间和数字的代码很慢

**Every Digit scroll Speed mast be fast or equal **

提琴手

所有代码均在以下链接下方可用

里程表计数器值 0 在启动

标签： javascriptjqueryperformancescrollodometer

解决方案

如果要使动画更快，则需要更改 css 过渡。在这里，我将 javascript 和 css 都调整为只需 1 秒：

Javascript：

window.odometerOptions = {
  duration: 1 * 1000
  //,animation: 'count'
};

CSS：

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating 
.odometer-ribbon-inner {
  -webkit-transition-duration: 1s !important;
  -moz-transition-duration: 1s !important;
  -ms-transition-duration: 1s !important;
  -o-transition-duration: 1s !important;
  transition-duration: 1s !important
}

http://jsfiddle.net/mfoj6qpw/

推荐阅读