jquery - How can i trigger this jquery script to automatically run after a set amount of time (5 seconds maybe)?

Question

I would like this script to automatically run after 5 seconds. Just getting into jquery and did not know how to do this... Thanks!

$(document).ready(function(e) {

    $('#dropdown').on('click',function(){

        $('.dropdownwrap').slideToggle();


    });

});

Answer 1

假设您希望点击处理程序仅在 5 秒后绑定：

$(document).ready(function(e) {
    var $dropdownwrap = $('.dropdownwrap');
    setTimeout(function() {
      $('#dropdown').on('click',function(){
          $dropdownwrap.slideToggle();
      });
    }, 5000);

});

要带走的主要内容是setTimeout允许您在一段时间后执行功能的方法，在本例中为 5000 毫秒。

有关MDN上的 setTimeout 函数的更多信息。

Answer 2

使用setTimeout()功能：

$(document).ready(function(e) {
    $('#dropdown').on('click',function(){
        setTimeout(function(){$('.dropdownwrap').slideToggle();}, 5000)
    });
});

slideToggle() 将在 5 秒后被调用。

Answer 3

据我了解您的问题，您想在 5 秒后触发 click() 事件，您可以使用以下代码：

$(document).ready(function (e) {

    $('#dropdown').on('click', function () {

        $('.dropdownwrap').slideToggle();


    }).delay(5000).queue(function () {
        this.click();
    });

});