Javascript:Ticker ティッカー

ニュースティッカーが必要だったのでサクサクっと作成。実際に仕事で使ったバージョンはデータをXMLで持つようにしたり、しっかりコメントを入れたりしたんだけど、これはその前のテスト用に作ったバージョンです。面倒なのでそのまま載せちゃいます。あ、DOMの操作をするのにprototype.jsを使ってるのでダウンロードしておいてください(すごく便利だし)。
→Javascript本ランキング@amazon.co.jp

Javascript部
var text = new Array();
var link = new Array();
var textIndex = 0;
text[0]="4/1:エイプリルフール。";
text[1]="3/31:どうぶつの森で遊ぼうキャンペーン";
link[0]="http://blog.livedoor.jp/shotokan";
link[1]="http://blog.livedoor.jp/dobutsu";
var now=0;
var id;
var id2;
var printMessage="";
function init(){
	printKaikaInfo();
}
function printKaikaInfo(){
	clearInterval(id2);
	id = setInterval(printText,50);
}
function printText(){
	var area = $("kaikaInfo");
	printMessage += text[textIndex].charAt(now++);
	area.innerHTML = printMessage;
	if(now > text[textIndex].length){
 		textIndex++;
		if(textIndex > text.length-1) textIndex=0;
		now=0;
		printMessage="";
		clearInterval(id);
		id2 = setInterval(printKaikaInfo, 3000);
	} 
} 
HTML部分
<div id="kaika"></div>

+++Javascriptおすすめ本+++
・Ajax逆引きクイックリファレンスWeb2.0対応for Windows & Macintosh
・入門 Ajax
・Ajaxイン・アクション

This entry was posted in Javascript. Bookmark the permalink.

コメントを残す

メールアドレスが公開されることはありません。