如何使消息保持间隔

Question

我有4条消息可以淡入淡出，但是我需要设置间隔以便可以读取它们。我的意思是在500毫秒的淡入淡出然后保持2000毫秒然后淡出1500毫秒。

var messages = ['message1', 'message2', 'message3', 'message4'];
var i = 0;

function doFade() {
    $('#text').fadeOut(1500, function() {
        $(this).html(messages[i % messages.length]);
        $(this).fadeIn(500);
    });

    i++;
}

Answer 1

我会看一下jquery中的延迟函数。

http://api.jquery.com/delay/

即

$("#text").fadeOut(1500, function(){ 
    $(this).html(messages[i % messages.length]);
    $(this).delay(2000).fadeIn(500);
});

虽然原生javascript setTimeout也可以实现这一点。

我使用setTimeout和jQuery中的delay方法组合创建了一个简单的jsFiddle。

http://jsfiddle.net/uzm3h/3/