其他代码
jquery更新数字计数递增动画插件
PetitQ
Roughly.js 是 jquery 在指定时间之后更新数字动画插件。该 jquery 数字动画插件可以在指定的日期之后，每隔指定的秒数增加指定的数字，数字增加时以动画的方式来展示。
使用方法：
在页面中引入 jquery 以及 jquery.roughly.js 文件。
也想出现在这里？联系我们吧
<script src="jquery.min.js"></script>
<script src="jquery.roughly.js"></script>
HTML 结构：
可以直接通过为元素添加 data-*属性的方式来使用该 jquery 数字动画插件。
<div class="roughly"
data-start-date="January 1, 2015"
data-start-count="100"
data-wait-seconds="2"
data-increase-by="5"></div>
初始化插件：
如果没有指定 data-*属性，可以通过 roughly()方法来说初始化该插件。
<div id="example"></div>
<script>
$("#example").roughly({waitSeconds: 5})
</script>
你还可以通过下面的方法来设置全局参数。
<script>
$.fn.roughly.defaults = {
startDate: 'January 1, 2015',
prefix: '$'
};
</script>
配置参数：
该 jquery 数字动画插件的可用配置参数有：
startDate: 'January 1, 1970',
startCount: 0,
waitSeconds: 1,
increaseBy: 1,
decimals: 0,
prefix: '',
postfix: ''
startDate：开始日期
startCount：计数的初始值
waitSeconds：等待多少秒后更新数字
increaseBy：每次增加多少数值
decimals：显示浮点数
prefix：为数字添加一个前缀
postfix：为数字添加一个后缀
该 jquery 数字动画插件的 github 地址为：https://github.com/dahjson/roughly
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
