如何用JavaScript制作动态余额滚动显示效果？

本文共计1003个文字，预计阅读时间需要5分钟。

目录

1.实现背景

2.实现思路

3.实现过程

1. 实现背景 上周在一个完成任务领取红包的活动中，需要实现用户点击按钮弹出领取红包弹窗。关闭弹窗后返回原页面，页面显示页面字样。

目录

• 1.实现背景
• 2.实现思路
• 3.实现过程

1.实现背景

上周在一个完成任务领取红包的活动需求中，需要实现一个用户点击按钮弹出领取红包弹窗后，在关 闭弹窗返回原来的页面时，页面余额数字部分要展示一个每一位数字滚动后的效果。
因为之前没做过这样的效果，一开始也不知道要如何实现，本来想在GitHub上找一下相关的库，看到一个最高star的库，但发现它是依赖jQuery的，而且不可以npm包引入。感觉就很没有必要，本来项目是react框架的，就是要尽量少的操作DOM，为了解决这个滚动就要引入jQuery,感觉不太合适。所以我决定还是自己实现，先看了一下别人的思路，然后自己再去实现。