setTimeOut傳參數

　　最近，因項目需要，需要實現setTimeOut傳參數的功能，搜索了很多的資源。終於找到一個比較好的方法了，記錄下來，與大家分享。

　　無論是window.setTimeOut還是window.setInterval，在使用函數名作為調用句柄是都不能帶參數。

　　先看一段簡單的javascript代碼：

1 function show()
2 {
　　alert("Hello World");
}  
setTimeout(show,1000);

　　代碼結果是：1秒中之后輸出Hello World，但如果改成：

setTimeout(show(),1000);

　　會立即輸出結果，達不到延時的目的。但如果加上引號（雙引號或單引號）就可以了，如：

setTimeout("show()",1000);

　　但如果加上參數又不可以了，如：

setTimeout("show(name)",1000);

　　可通過以下方法來解決以上問題：寫一個函數，並返回一個不帶參數的函數。代碼如下：

<script language="javascript">  
    function show(name)  
    {
        alert("Hello World:" + name);
    }  
    function _show(name)  
    {  
        return function()  
        {  
            show(name);  
        }  
    }  
    setTimeout(_show(name),1000);  
</script>

 

　　需求：1.setTimeOut傳參數 2.動態設置onclick事件

　　解決方法：

function timeClick(obj)    
{    
    //   var obj=document.getElementById('');    
    obj.style.backgroundColor="gray";    
    obj.onclick=function(){ return false;};    
    setTimeout(function(){resetbgColor(obj);},3000);    
}    
           
function resetbgColor(obj)    
{    
     //  var obj=document.getElementById('');    
    obj.style.backgroundColor="blue";    
     //   $('#'+'').click(timeClick);    
     //  debugger;    
    obj.onclick=function(){    
    timeClick(this);    
    };    
}