javascriptでランダムテキストを点滅させる

Question

新しいツイートが入ったときにTwitterがどのように更新されるか、より具体的にはAppleのホームページにこれらのテキストがどのようにあるかなど、テキストのフラッシュが入るフラッシュを知っていた人がいましたか？ 「ホットニュース見出し」の隣に点滅します。

私は自分の設定したテキストを持っているので、私はtwitterやrssから更新しているようではありません。例えば

I持って 「テキスト1」 「テキスト2」 「テキスト3」しかし、私は唯一の「テキスト1」は5秒と言う...程度のために表示したい場合、「テキスト2」は付属しており、それに取って代わる

フェードするか何かで

Answer 1

はい、これはJavaScript setIntervalで実行できます。

//Global Scope variables, usable in all functions... 
var randomStuff = ["Foo", "Bar", "Even multiple Words"]; 
var $target; 
var loadContentIndex = 0; 

$(function() { 
    $target = $('#target'); //Set the target div... 
    loadContent(); //Initiate it once on page load... 
    window.setInterval(loadContent, 2000); //And set it to work every 2000ms (or 2s). 
}); 

function loadContent() { 
    $target.fadeOut(function() { //Once fade out is complete... 
     $target.text(randomStuff[loadContentIndex]); //Change the text 
     $target.fadeIn(); //Fade back in. 
    }); 

    loadContentIndex++; //Increase the array counter. 
    if (randomStuff.length == loadContentIndex) { //If reached the end of the array... 
     loadContentIndex = 0; //Reset the counter :) 
    } 
} 

注：私はそれがそんなに簡単だという理由だけで、アニメーションを処理するためにjQueryライブラリを使用しています。

Example Here

Answer 2

あなたは、このようなjQueryのようライブラリを使用して、あなたの人生を容易にすることができます。要素をフェードアウトする

は、ここでのデモです：ここhttp://jsfiddle.net/dFQCR/1/

$('#update').show().fadeOut(1000, function() { 
    // Animation complete. 
    }); 

より効果：http://api.jquery.com/category/effects/