本文实例分析了JS中setTimeout()无法调用带参函数问题的解决方法。分享给大家供大家参考,具体如下:
解决方法:重写setTimeout() 方法,需要用到闭包函数。如下:
rush:js;">
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()调用带参函数的时候,就可以用如下的形式:
rush:js;">
setTimeout(fun,10,param);
其中,fun 是被函数;10为调用周期,单位是 毫秒;param是fun函数的参数。
另一种更为简单的方法:
rush:js;">
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程序设计有所帮助。
原文地址:https://www.jb51.cc/js/47706.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。