文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
javascript - JS 数字滚动跳跃实现
大家讲道理
大家讲道理 2017-04-10 15:39:36
[JavaScript讨论组]
0 4 468
举报

JS 数字滚动跳跃实现

在一些游戏结算或者电商活动界面界面，我们经常可以看到一些一些数字从1动态的变化到很大的一个数字。

比如从1->1000,一开始变化很快，后面到了950左右就变化的很慢了，而1->10就是简单的匀速变化，

请问这种数字跳跃增长效果是怎样的实现原理呢？

大家讲道理
大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(4)
阿神
阿神2017-04-10 15:41:36 4楼

用jQuery的animate就可以

赞 +0
添加回复
迷茫
迷茫2017-04-10 15:41:36 3楼

jquery里面的swing参数是使用的三角函数，你可以参考一下

数学好的话随便找个想要的曲线就行了

赞 +0
添加回复
高洛峰
高洛峰2017-04-10 15:41:36 2楼

写个指数型函数，幂不要太大，类似 y = Math.ceil(x^1.1)

赞 +0
添加回复
ringa_lee
ringa_lee2017-04-10 15:41:36 1楼

你查下缓动函数
http://jindw.iteye.com/blog/131786

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部