关于JS中setTimeout()无法调用带参函数问题的解决方法
更新时间：2016年06月21日 10:30:56 作者：cherry
这篇文章主要介绍了关于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切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
下面小编就为大家带来一篇JS弹出层遮罩,隐藏背景页面滚动条细节优化分析。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-04
这篇文章主要介绍了最常用的三款JS时间特效，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
Javascript刷新页面实现代码，需要的朋友可以参考下。2009-11-11
本文介绍了微信小程序自定义导航栏功能的实现方法,首先,需要去掉原生导航栏,可以通过在page.json中去掉navigationBarTitleText并加上"navigationStyle":"custom"来实现,然后,可以使用组件封装来实现自定义导航栏的功能,感兴趣的朋友一起看看吧2025-01-01
下面小编就为大家带来一篇纯js的右下角弹窗实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要给大家介绍了关于JavaScript实现日期格式化的相关资料,JavaScript中的日期对象提供了许多方法和属性,可以通过它们来进行日期的格式化,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了JS中锚点链接点击平滑滚动并自由调整到顶部位置,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-02-02
这篇文章主要为大家详细介绍了Js获取当前日期时间及格式化代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
promise结合requestAnimationFrame用法示例
这篇文章主要为大家介绍了promise结合requestAnimationFrame用法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
最近需要在字体中间加空白占位符,在尝试使用 之后,还是不能使用,下面这篇文章主要给大家介绍了关于原生微信小程序/uniapp使用空格占位符无效的解决办法,需要的朋友可以参考下2023-02-02
最新评论