settimeout 传递带有参数的函数

JS定时器与按钮状态管理

最新推荐文章于 2025-09-10 16:16:57 发布

weixin_30311605

最新推荐文章于 2025-09-10 16:16:57 发布

阅读量119

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/fumj/p/3489563.html

本文介绍使用JavaScript实现页面元素的状态控制与定时操作的方法。通过两种方式设置定时器：一是利用函数返回值来传递参数；二是直接在匿名函数中使用参数。这两种方法都能实现在特定时间间隔后改变按钮背景颜色并恢复其点击功能。

方法一:传递带有参数的function给settimeout,写个函数，该函数返回一个不带参数的函数

<script language="javascript">
    function show(name)
    {alert("Hello World:" + name);}

    function _show(name)
    {
        return function()
        {
            show(name);
        }
    }
    setTimeout(_show(name),1000);
</script>

方法二:function(){ method(param);}

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