Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 什么';使用jQuery fadeIn()和fadeOut()的正确方法是什么?_Javascript_Jquery_Fadein_Fadeout - Fatal编程技术网

Javascript 什么';使用jQuery fadeIn()和fadeOut()的正确方法是什么?

Javascript 什么';使用jQuery fadeIn()和fadeOut()的正确方法是什么?,javascript,jquery,fadein,fadeout,Javascript,Jquery,Fadein,Fadeout,我正在构建一个可以淡入淡出一系列文本的东西 这是我迄今为止的工作: 我正在淡入淡出文本,但当我看到它被渲染时,时间就停止了 $("#wantPlaceholder").fadeOut().html(wants[i]).fadeIn(2000).delay(3000); 正确的方法是什么?使用回调。动画完成后将调用回调。以下代码淡出该元素。当它完全淡入时,HTML被修改,然后再次淡入 $("#wantPlaceholder").fadeOut(1000, function(){ $(th

我正在构建一个可以淡入淡出一系列文本的东西

这是我迄今为止的工作:

我正在淡入淡出文本,但当我看到它被渲染时,时间就停止了

$("#wantPlaceholder").fadeOut().html(wants[i]).fadeIn(2000).delay(3000);

正确的方法是什么?

使用回调。动画完成后将调用回调。以下代码淡出该元素。当它完全淡入时,HTML被修改,然后再次淡入

$("#wantPlaceholder").fadeOut(1000, function(){
    $(this).html(wants[i]);
    $(this).fadeIn(2000);
});
编辑:好的,循环可以通过以下方式完成:


使用回调。动画完成后将调用回调。以下代码淡出该元素。当它完全淡入时,HTML被修改,然后再次淡入

$("#wantPlaceholder").fadeOut(1000, function(){
    $(this).html(wants[i]);
    $(this).fadeIn(2000);
});
编辑:好的,循环可以通过以下方式完成:


首先,需要在fadeOut()处理程序中更改文本


演示:

首先需要在fadeOut()处理程序中更改文本


演示:

。你看过文件了吗?应该很清楚…你想实现什么?淡入淡出正在工作,因此您需要调整您在本文中提到的计时。你看过文件了吗?应该很清楚…你想实现什么?淡入效果很好,因此您需要调整计时,您在使用伪代码进行演练时提到了这一点。请像问题中的一样修改setInterval,它是您的+1,用于使用伪代码进行演练。请像问题中的那个一样摆弄一下setInterval,这是yoursArun,我们可以在场外讲话吗?isaacmalca1*at*gmail,请给我发个电话。阿伦,我们可以在场外讲话吗?isaacmalca1*at*gmail,请给我发一条短信。
function rotateWants() {
    var i = 0;
    var wantsLength = wants.length;

    function fade() {
        $("#wantPlaceholder").delay(5000).fadeOut(function () {
            $(this).html(wants[i]);
            i++;
            if (i >= wantsLength) {
                i = 0
            };
        }).fadeIn(2000, fade);
    }

    fade();
}