js实现简单数字变化的效果
本例为大家分享js实现的具体代码,对数字变化的效果,供大家参考,具体内容如下美元。fn.countto =功能(选项){
选择选项| | = {}; / /当选项是未初始化的,即类型选项= 'undefined选项= VAR后面部分的实现是初始化对象
返回$(这个)。每个(函数()){
当前元素集的选项
VAR设置=美元。延长(美元。fn.countto.defaults,{ { }。
来自:$(这)数据(从'),
:$(this)数据(),
速度:$(这)数据('speed),
refreshinterval:$(this)数据('refresh-interval),
小数:$(这)数据('decimals)。
},选项);
很多次更新 如何值,以及在每次更新时增加多少值
更新值多少次,每个值都很快更新。
VaR的循环= math.ceil(settings.speed /设置。refreshinterval),
增量=(设置-设置。从)/环;
引用变量,这些变量将随着每次更新而改变。
每个更新将更改和引用变量。
var =这个返回HTML对象
$ = $(this),返回一个jQuery对象
loopcount = 0,
价值= settings.from,
数据self.data美元('countto){ } / / | |;得到jauery。
self.data美元('countto数据); / /分配
一个现有的间隔可以是如果找到,先清除它
如果有时间间隔,就把它去掉。
如果(数据间隔){
clearInterval(数据。间隔);
}
data.interval = setInterval(updatetimer,设置。refreshinterval);
初始化带有起始值的元素
使用开始值初始化
渲染(值);
功能updatetimer(){
值=增量;
loopcount + +;
渲染(值);
如果(typeof(设置。更新)= = 'function){
settings.onupdate.call(自我价值);
}
如果(loopcount =循环){
间隔
self.removedata美元('countto);
clearInterval(数据。间隔);
价值=设置;
如果(typeof(设置。OnComplete)= = 'function){
settings.oncomplete.call(自我价值);
}
}
}
函数呈现(值){
无功formattedvalue = settings.formatter.call(自我价值,设置);
self.html美元(formattedvalue);
}
});
};
fn.countto.defaults = { {美元。
从:200,元素的开始数
至:0,元素的数目应该结束
速度:1000,长应该在目标数之间计算。
refreshinterval:1,多元素应该 / /更新
小数:小数0, / /显示数
格式化:格式化,格式化的值之前 / /渲染处理
更新:空,每次 /元更新回调方法
OnComplete:空回调方法,当元/完成更新
};
函数格式化(值、设置){
返回value.tofixed(设置。小数);
}
格式化示例/自定义
$(#计数)。数据('counttooptions,{
格式化:功能(价值、期权){
返回value.tofixed(选项。小数)。更换( / B(=(=(: D { 3 })+(!;
}
});
所有计时器开始
$(计时器);
函数计数(选项){
var $ = $(这个);
选项=美元。延长(选项| | { } { } { },this.data美元('counttooptions)| |);
this.countto美元(选项);
}
应用和调用、学习链接的简单用法。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。