jquery - 以动画速度淡出/淡入

Question

我正在处理一些事情，需要点击一些东西来淡出，做一些事情然后淡入。

我找到了这段代码，但我不知道如何以毫秒为单位计算时间。

$(this).animate({
    opacity:'0'
}, function(){
    //Do something 
    $(this).animate({
        opacity:'1'
    });
});

Answer 1

使用 fadeOut 和 fadeIn jQuery 函数并传递毫秒数作为第一个参数:

$(this).fadeOut(500, function(){
    //Do something 
    $(this).fadeIn(700);
});

默认时间为400。

...或者如果您确实想使用 animate() 则传递 duration option :

$(this).animate({opacity: 0, duration: 500 });

请注意，this 可以由任何 jQuery 选择器(例如 ".class"、"#id")。

引用:

.fadeOut( [duration ] [, complete ] )

duration (default: 400)

Type: Number or String A string or number determining how long the animation will run.

---

complete Type: Function()

A function to call once the animation is complete.

Fade out | Fade in