几秒钟后切换JavaScript OnClick功能

时间:2013-07-22 13:09:30

标签: javascript jquery html onclick

在我的提交按钮上,我有onclick="list_activity();但是如何在点击按钮后立即运行list_activity();功能约2秒?

我正在使用的HTML代码:

<textarea name="blab_field" id="blab_field" style="width:98%;height:55px;" placeholder="What is on your mind?  - What are you doing right now? - Tag people with @username (username can be found on profiles)"></textarea>

          <input name="mem_id" id="mem_id" type="hidden" value="4" />
          <input name="poster_id" id="poster_id" type="hidden" value="<?php echo $logOptions_id; ?>" />
          <input type="hidden" name="type" id="type" value="a" />
          <input type="hidden" name="device" id="device" value="Google Chrome : Windows 7" />
           <input name="submit" type="submit" style="width:100%;" onClick="post_chat();" class="btn btn-info" value="Post Blab" />

6 个答案:

答案 0 :(得分:3)

$('input[type=submit]').on('click', function(){
     setTimeout(list_activity, 2000);                    
}});

更新:

<强> HTML:

<input name="submit" type="submit" style="width:100%;" onClick="post_chat();" class="btn btn-info" value="Post Blab" />

<强> JS:

  <script type="text/javascript">
    function post_chat() {
        setTimeout(list_activity, 2000); 
            //your todos
    }

    function list_activity() {
        //your todos 
    }
    </script>

答案 1 :(得分:2)

您需要的是setTimeout()

  

在指定的延迟后调用函数或执行代码段。

您的list_activity功能应该

function list_activity (
        setTimeout(function () {
                              formid.submit();
                        }, 2000);                    
                  }

}

答案 2 :(得分:1)

你可以使用它。

setTimeout(function() { your_function(); }, 2000);

答案 3 :(得分:1)

只需将其放在setTimeout

onclick="setTimeout(list_activity, 2000);"

答案 4 :(得分:0)

也许SetTimeOut方法对您有用:

setTimeout(myFunction, 3000);// if you have defined a function named myFunction it will run after 3 seconds (3000 milliseconds)

您可以在此处看到有关如何延迟代码的非常好的解释:see the SolutionYogi response

答案 5 :(得分:-1)

onclick="setTimeout(list_activity(), 2000);"