在很多地方我们能看到一些数字变换比较快的数字滚动器,一般数字滚动器有两种,一种是一个值一直在原位发生改变,另一种则是每个数字都有自己的位置,当发生变化时向上或者向下有0-9的滚动效果,今天我们来讨论第一种。
其实数字变化一些人用的可能是动态的每过几十或者几百毫秒进行重新复制,但是有一个更简单性能开销更小的方法,input的stepUp()与setDown()方法。
stepUp与stepDown方法不传参数时默认给该值加1或者减1,还有传参情况的话就是加n或者减n,再搭配setInterval就实现了数字滚动器的效果。
由于在一些情况下我们需要的滚动时间是一定的,如果间隔值是写死的,那么最终值离当前值越大,时间就越长,所以需要额外换算间隔时间。
另一种滚动器效果我们之后再做讨论