javascript中的onClick滚动数字动画

发布于 2025-01-11 04:06:35 字数 499 浏览 0 评论 0原文

我开始弄清楚如何在 javascript onClick 中制作滚动数字动画。

所以基本上我有：

const button = document.getElementById("generate");

button.onclick = function generate(){

const randomNum = Math.floor((Math.random() * 10000) + 1);

const el = document.getElementById('ranNum');

el.innerHTML = randomNum;
}

我想做的是从当前位置获取数字，如果这个人按下按钮并得到 2434，而下次按下按钮时，下一个答案将是 132，但是会有一个滚动动画以获得下一个数字 132，依此类推。

当我要求数字生成器时，我在谷歌上看到了这个，他们的动画很糟糕。但遗憾的是没有关于谷歌滚动数字的文档。

有人知道我可以去哪里尝试查找文档吗？

谢谢！

原文

im starting to figure out how I can do rolling numbers animation in javascript onClick.

So basically I have:

const button = document.getElementById("generate");

button.onclick = function generate(){

const randomNum = Math.floor((Math.random() * 10000) + 1);

const el = document.getElementById('ranNum');

el.innerHTML = randomNum;
}

And what I would like to do is have numbers from from their current position if the person pressing a button and got 2434 and the next time the press the button the next answer would be like 132, but there would be a rolling up animation to get the next number of 132, and so on..

I seen this on google when I asked for a number generator, and their animation was sick. But sadly no documentation on googles scrolling numbers.

Does anyone have any ideas where I can go try and find documentation?

Thanks!

分享到QQ

分享到微博