1
300html 块
0
var throttle = function (fn, delay) {
var timer = null;
var t_start;
return function () {
var context = this, args = arguments, t_curr = +new Date();
clearTimeout(timer);
if (!t_start) {
t_start = t_curr;
}
if (t_curr - t_start >= 166) {
fn.apply(context, args);
t_start = t_curr;
} else {
timer = setTimeout(function () {
fn.apply(context, args);
}, delay);
}
};
}
function jump(elem) {
var startNum = $(elem).data("start")
,endNum = $(elem).data("end");
for (; startNum < endNum; startNum++) {
requestAnimationFrame((function(startNum){
return throttle(function(){
elem.innerText = startNum;
},66)
})(startNum))
}
}jump(document.querySelector('.price'));
requestAnimationFrame 中 callback 改写为
requestAnimationFrame((function (startNum) {
return function () {
console.log(startNum);
elem.innerText = startNum;
}
})(startNum))不能动态修改视图数据，但是startNum 是一直自增的， 为什么需要 函数节流？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
函数节流2个目的:
让一个函数只有在你不断触发后停下来歇会才开始执行，中间你操作得太快它直接无视你。
让一个函数不要执行得太频繁，减少一些过快的调用来节流。