關于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彈出層遮罩,隱藏背景頁面滾動條細節(jié)優(yōu)化分析
下面小編就為大家?guī)硪黄狫S彈出層遮罩,隱藏背景頁面滾動條細節(jié)優(yōu)化分析。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-04
這篇文章主要介紹了最常用的三款JS時間特效，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
Javascript刷新頁面實現(xiàn)代碼，需要的朋友可以參考下。2009-11-11
本文介紹了微信小程序自定義導航欄功能的實現(xiàn)方法,首先,需要去掉原生導航欄,可以通過在page.json中去掉navigationBarTitleText并加上"navigationStyle":"custom"來實現(xiàn),然后,可以使用組件封裝來實現(xiàn)自定義導航欄的功能,感興趣的朋友一起看看吧2025-01-01
下面小編就為大家?guī)硪黄僯s的右下角彈窗實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要給大家介紹了關于JavaScript實現(xiàn)日期格式化的相關資料,JavaScript中的日期對象提供了許多方法和屬性,可以通過它們來進行日期的格式化,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了JS中錨點鏈接點擊平滑滾動并自由調整到頂部位置,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-02-02
這篇文章主要為大家詳細介紹了Js獲取當前日期時間及格式化代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
promise結合requestAnimationFrame用法示例
這篇文章主要為大家介紹了promise結合requestAnimationFrame用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
最近需要在字體中間加空白占位符,在嘗試使用 之后,還是不能使用,下面這篇文章主要給大家介紹了關于原生微信小程序/uniapp使用空格占位符無效的解決辦法,需要的朋友可以參考下2023-02-02