Stack Overflow
Stack Overflow

Questions tagged [odometer]

Odometer is a Javascript and CSS library for smoothly transitioning numbers

33 questions
4
votes
1 answer

Translating div to behave like odometer

I've been trying to create an odometer like animation using React, and vanilla css. So far it's working where when number is incremented, a translationY upwards occurs like an actual odometer. My current problem is that when it goes from 9 to 0, the…
ja23
  • 51
  • 1
  • 5
2
votes
0 answers

add multiple leading zeros in odometer

I was tried reward polling using odometer, now I want my number polling is lead by zero, 1,239,387 be 001,239,387, it start from 123456789. When odometer is running, result without 00, just 1,239,387. this code I tried with concat or add prefix to…
Beny Bond Banjarnahor
  • 225
  • 1
  • 9
1
vote
1 answer

Odometer Angular

I have performed an odometer with the angular package tm-ng-odometer. It works fine for me but I can't get the number movement to start when I get to that section: public number:…
paulpik
  • 29
  • 8
1
vote
1 answer

react-odometerjs with Nextjs dynamic imports doesn't scroll numbers

I'm using react-odometerjs in Nextjs. As suggested by the doc: import dynamic from 'next/dynamic' const Odometer = dynamic(import('react-odometerjs'), { ssr: false, loading: () =>

0

, }) const App: FC = () => { const [odometerValue,…
Giorgia Sambrotta
  • 1,133
  • 1
  • 15
  • 45
1
vote
0 answers

Odometer alphanumeric value

I'm using "odometer" and i want to display its value as AB1234, this could be a random value. I tried to change its format but it shows an error if I made changes in format. Please help me out in this. link of file…
Murtaza Nawaz
  • 35
  • 1
1
vote
1 answer

Odometer Scroll Speed and Duration Increase

I am working on odometer trying increase scroll Duration and speed of every digit of odometer but not working Please Help.... Here is an example: Odometer Counter values 0 In Starting Changed Value of Duration in java script file and trying to…
Zain Umer
  • 11
  • 2
1
vote
1 answer

Odometer Counter values 0 In Starting

I am trying to display an odometer value like 0123 but it is not working. 0 is not displaying in output also in starting Input here is code. How I can display 0 in start or any where in odometer??? Review js and html code both i have attached. How…
user3757908
  • 23
  • 9
1
vote
0 answers

How to start JavaScript when the element is in view?

I have this element on my site, it's working fine but only set to a time delay and I'd like the counter to start when the element is in view, so when a customer scrolls to this element Can anyone help update the code so the numbers start when the…
Matt Matson
  • 19
  • 2
1
vote
2 answers

Run Odometer.js on dynamically created elements

I'm using Odometer to animate some values https://github.hubspot.com/odometer/ I see that it states: Any libraries you're using to update their value, provided they don't update by erasing and rerendering the odometer element, will work just…
Taylor A. Leach
  • 2,115
  • 4
  • 25
  • 43
1
vote
1 answer

how to add odometer effect to countup

I am trying to add a odometer effect to my count-up timer (as seen on https://github.hubspot.com/odometer/docs/welcome/), however the the instructions doesn't show how to add it to a timer. My timer looks a little but like this