使用淡入淡出效果每3秒更改一次文本

Question

我想用jquery“淡化效果”每隔3秒更改一次p的文本：

<p class="first">Conected</p>

到

<p class="second">2547</p>

Answer 1

您可以使用setInterval https://developer.mozilla.org/en-US/docs/DOM/window.setInterval

setInterval(function() {
    $('p').fadeOut(500, function() {
        var $this = $(this);
        $this.text($this.text() == 'Connected' ? '2457' : 'Connected');        
        $this.toggleClass('first second');        
        $this.fadeIn(500);
    });
}, 3000);​

http://jsfiddle.net/wirey00/E4xqg/

Answer 2

setInterval或等待

的setInterval http://www.w3schools.com/js/js_timing.asp

JQuery等待 http://api.jquery.com/delay/