Javascript 如何有两个淡入,延迟和淡出后,另一个?

Javascript 如何有两个淡入,延迟和淡出后,另一个?,javascript,jquery,Javascript,Jquery,当我点击一个按钮时,它将首先.fadeIn(0);,该怎么办。dealy(2000)。衰减(600);然后说“正在验证…”然后它会说“成功完全登录”并重定向到index.php 我确实尝试过,但没有成功: function save() { $('#save_first').html('Validating...'); $('#save_first').fadeIn(1); $('#save_first').delay(2000); $('#save_first'

当我点击一个按钮时,它将首先
.fadeIn(0);,该怎么办。dealy(2000)。衰减(600);然后说“正在验证…”
然后它会说“成功完全登录”并重定向到index.php

我确实尝试过,但没有成功:

function save() {
    $('#save_first').html('Validating...');
    $('#save_first').fadeIn(1);
    $('#save_first').delay(2000);
    $('#save_first').fadeOut(600);
    $('#save_second').html('Success fully log in!');
    $('#save_second').delay(2601);
}
HTML


将它们堆叠起来,并对其余部分使用回调以及重定向的setTimeOut

var loginUser = function(){

    $('#save_first').fadeIn(1).delay(2000).fadeOut(600, function(){
        $('#save_second').html('Success fully log in!');
        //Redirect after 2.6 seconds delay
        setTimeout(function() {
           window.location.href = "/index.php";
        }, 2600);
    });

};
然后,无论何时,只要你想触发它,就执行以下操作:

loginUser();
要在单击“元素”时触发,请执行以下操作:


将它们堆叠起来,并对其余部分使用回调以及重定向的setTimeOut

var loginUser = function(){

    $('#save_first').fadeIn(1).delay(2000).fadeOut(600, function(){
        $('#save_second').html('Success fully log in!');
        //Redirect after 2.6 seconds delay
        setTimeout(function() {
           window.location.href = "/index.php";
        }, 2600);
    });

};
然后,无论何时,只要你想触发它,就执行以下操作:

loginUser();
要在单击“元素”时触发,请执行以下操作:


你有没有办法分享一点html,这样我就可以做一个快速的提琴?你有没有办法分享一点html,这样我就可以做一个快速的提琴?好的,但我如何在完成后将它们重定向到一边@charlitosjs只需使用setTimeout函数重定向即可。我用它更新了代码。只要您的页面中存在“#save_first”,它就应该可以工作,并且确保您的代码在文档中,就像我上次编辑时一样。您还必须等待5.6秒才能发生重定向。缺少函数save(){…}我想这就是@user2733334在单击时调用的函数。好的,它是readdirect,但它没有显示“成功完全登录!”好的,但在完成后如何将它们重定向到另一侧@charlitosjs只需使用setTimeout函数重定向即可。我用它更新了代码。只要您的页面中存在“#save_first”,它就应该可以工作,并且确保您的代码在文档中,就像我上次编辑时一样。您还必须等待5.6秒才能发生重定向。缺少函数save(){…}我想这就是@user2733334在单击时调用的函数。好的,它是readdirect,但没有显示“成功完全登录!”