JQuery 等待 500 毫秒

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 事件。

JQuery 等待 500 毫秒

JQuery wait 500ms

javascript

jquery

delay

wait