未来之窗昭和仙君(十六)网页数字动画函数——东方仙盟筑基期
功能概述
本部分提供了实现数字增长动画效果的函数，通过简单的调用即可为元素添加数字跳动的动画效果。
核心函数说明与案例
fairyalliance_animation_number
- 功能：为匹配的元素添加数字增长动画效果，动画先快后慢，接近目标时减速。
- 参数：
targetValue：目标数值，必传，类型为数字。duration：动画持续时间（毫秒），可选，默认值为 5000。decimalPlaces：保留小数位数，可选，默认值为 2。
- 返回值：自身实例，支持链式调用。
- 案例：
javascript
// 假设页面中有一个元素 <span id="number-display"></span>
$cq('#number-display').fairyalliance_animation_number(100, 3000, 0);
2. 未来之窗_交互动画_数字跳动
- 功能：与 功能相同，为中文路由函数。
- 参数：
targetValue：目标数值，必传，类型为数字。duration：动画持续时间（毫秒），可选，默认值为 5000。decimalPlaces：保留小数位数，可选，默认值为 2。
- 返回值：自身实例，支持链式调用。
- 案例：
javascript
// 假设页面中有一个元素 <div id="number-container"></div>
$cq('#number-container').未来之窗_交互动画_数字跳动(200, 4000, 1);
注意事项
- 使用该函数前，请确保页面中存在匹配的元素，否则会在控制台输出错误信息。
- 动画效果依赖于浏览器的
requestAnimationFrame函数，在不支持该函数的浏览器中可能无法正常显示动画。