关于JS中setTimeout()无法调用带参函数问题的解决方
编程学习 2021-07-04 19:59www.dzhlxh.cn编程入门
这篇文章主要介绍了关于JS中setTimeout()无法调用带参函数问题的解决方法,提供了2种解决方法供大家对比参考,需要的朋友可以参考下
本文实例分析了JS中setTimeout()无法调用带参函数问题的解决方法。分享给大家供大家参考，具体如下：
解决方法：重写setTimeout() 方法，需要用到闭包函数。如下：
var _st = window.setTimeout;
window.setTimeout = function(fRef, mDelay){
if (typeof fRef == 'function') {
var argu = Array.prototype.slice.call(arguments, 2);
var f = function(){
fRef.apply(null, argu);
};
return _st(f, mDelay);
}
return _st(fRef, mDelay);
}
有了这样的改写，用setTimeout()调用带参函数的时候，就可以用如下的形式：
setTimeout(fun,10,param);
其中，fun 是被函数；10为调用周期，单位是 毫秒；param是fun函数的参数。
另一种更为简单的方法：
function moveing(id,target_x,target_y,t){
var ele = document.getElementById(id);
//alert("divObject: "+ele)
var xpos = parseInt(ele.style.left);
//alert(ele.style.left)
var ypos = parseInt(ele.style.top);
if(xpos < target_x){
xpos++;
}
if(ypos < target_y ){
ypos++;
}
ele.style.left = xpos + "px";
ele.style.top = ypos + "px";
//被递归调用的函数本身，拼成字符串形式，注意第一个参数的引号
var repeat ="moveing('"+id+"',"+target_x+","+target_y+","+t+")";
var movment = setTimeout(repeat,t);
}
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。