JQuery等待500ms

Question

也许有人可以帮助我。所以我得到了这段代码，在我的页面上打开一个文本框。

// OPEN CERTAIN BOX
$(function() {        
    var name = ('logo');
    var toggler = (name+'-toggler');
    var div = ('#'+name+'-box');
    var toggled_class = ('no-view');        
    var plus_minus_img_id = ('#'+name+'-box-image');

    $(toggler).on('click', function(){
        $(div).toggleClass(toggled_class)
        var src = ($(plus_minus_img_id).attr('src') === 'images/plus.png')
            ? 'images/minus.png'
            : 'images/plus.png';
        $(plus_minus_img_id).attr('src', src);
    });

    var height = $(div).outerHeight();
    $(div).css('max-height', height+'px');
    $(div).toggleClass(toggled_class);
}) 

现在我想等待0.5秒，直到plus_minus图像更改其来源，因为这是转换所需的时间。是否有可能这样做？

我延迟尝试了，但它没有用，我不知道放在哪里。

Answer 1

如果您想要等待500毫秒，请使用setTimeout()（如果您有动画，则使用动画库）。

如果您想等到资源加载，请在资源上侦听load事件。

如果您想等待CSS转换完成，请在元素上侦听transitionend事件。