效果结束前回调？

发布于 2025-01-03 07:02:49 字数 330 浏览 0 评论 0原文

我正在使用 JQuery-UI。我想在当前效果完成之前开始一种新效果。是否可以？

目前，我正在使用类似以下代码：

    div1.hide({
        duration: 1000,
        easing: 'easeOutQuint',
        effect: 'drop',
        direction : 'up'
    });
    div1.promise().done(function(){
        div2.show();
    });

谢谢！

编辑：如果可能的话，我想避免计时器。

原文

I am using JQuery-UI. I want to start a new effect before the current one has finished. Is it possible?

Currently, I'm using something like this code:

    div1.hide({
        duration: 1000,
        easing: 'easeOutQuint',
        effect: 'drop',
        direction : 'up'
    });
    div1.promise().done(function(){
        div2.show();
    });

Thank you!

Edit: I 'd like to avoid timers, if possible.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

且行且努力 2025-01-10 07:02:49

您只需使用 setTimeout() 即可完成此操作：

div1.hide({
    duration: 1000,
    easing: 'easeOutQuint',
    effect: 'drop',
    direction : 'up'
});
setTimeout(function(){
    div2.show();
}, 900);

上面的代码将在 div1.hide() 持续时间之前大约 100 毫秒有效启动 div2.show() 结束（换句话说：1000 毫秒的动画开始后 900 毫秒）。

You can do it simply by using setTimeout():

div1.hide({
    duration: 1000,
    easing: 'easeOutQuint',
    effect: 'drop',
    direction : 'up'
});
setTimeout(function(){
    div2.show();
}, 900);

The above will effectively start div2.show() aproximately 100 miliseconds before the duration of div1.hide() ends (in other words: 900 miliseconds after the 1000-miliseconds animation starts).

回复收藏 0 原文