Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

how to animate the number change without the slot machine effect ?

See original GitHub issue

so lets say the current number is 7 and the new value is 5 how to make the animation only move from 7 > 5 without the long list animation.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

coderitualcommented, Dec 10, 2017

Yea but it could be tricky if you want 1 round in the opposite direction (ie. From 6 to 7 with one whole round). Regarding custom function I was ment something more advanced than easing but maybe it would ve too complicated to customize. I will try to propose something. Also feel free to propose yourself if you have some idea or want to work on it. Just let me know to not duplicate our work 😃

ctf0commented, Dec 10, 2017

for the direction, it could be done on the fly by comparing the current value vs old, another note could be making bounty setting the old value to current value after each iteration, this way when the number changes while the animation is still going, you don’t get the sudden cut we currently have.

for the transition, could be a function or a simple css easing like the ones in

Read more comments on GitHub >

github_iconTop Results From Across the Web

Rolling number effect - GSAP - GreenSock
When value changes the number will be rolling towards to the new value. Can anyone suggest any way to do this? Thanks.
Read more >
how to animate numbers using Jquery - Stack Overflow
Here's a fun way to do it with a sort of slot machine effect. ... number to change ---> <a href="#" id="go">Go! ......
Read more >
Does Stopping the Reels Effect the Outcome of a Slot Spin?
Under these types of slots, a random number generator (RNG) is constantly running inside the game. The moment you hit spin, it grabs...
Read more >
eknowles/react-reel: Animate any number like a slot ... - GitHub
Animate any number like a slot machine. *Update* As used on Reddit! Add some flare to your metrics. - GitHub - eknowles/react-reel: Animate...
Read more >
How to switch off animation in Excel 2013
However the “sweeping” animation on the cursor, and the slot machine style animations when numbers update make me want to hurt somebody.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found