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);

     };

 }

巴特西

setTimeOut传参数

最新文章

热门文章