3.3.2 digitalScroll

说明: 当需要给数字添加动画, 提升用户体验.

使用及参数说明:

<div id="string></div>

new xui.digital({
    id: string,
    prevVal: number,
    desVal: number,
    step: number,
    interval: number,
    fn: function,
    fnComplete: function,
});

• 复制好html,取一个id,然后在你需要用户去加减等操作的地方初始化吧
• id表示数字框的id 必传
• prevVal表示动画的初始值
• desVal表示动画的最终值
• step表示每次改变的幅度
• interval表示数字改变的间隔,单位ms
• fn表示数字改变的回调,返回当前的数字
• fnComplete表示数字最终值的回调,返回最终值
• 没有你想要的功能? 快联系我: xumeng0611@gmail.com添加吧

效果展示

1.来看看,这个简单的例子吧

click me

new xui.digitalscroll({
    id: 'test',
    prevVal: 100,
    step: 100,
    desVal: 999,
    fnComplete(d){
        xui.message(d);
    }
})