文字を躍らせるスクリプト

このボタンを押すと文字が躍ります

Let’s Dance!
レッツ　ダンス！

ソースコード

このボタンを押すと文字が躍ります <input type="button" value="dance" onclick="var fonts=['sans-serif','serif','cursive','fantasy','monospace'];var cnt=fonts.length;var n=0;var elem=document.getElementById('dance1');if(elem){function sub(){elem.style.fontFamily=fonts[n];n=++n%cnt?n:0;};elem.style.fontFamily=fonts[n++];setInterval(sub,100);};"/>

<p id="dance1" style="color:#00f;font-size:3em">Let’s Dance!<br/>レッツ　ダンス！</p>

スクリプトは、上のような動きです。
それでよければ、そのままブログに貼り付けて、青い文字を変えてお使いください。（<br /> は改行記号です）

ソースの説明

これと、２つ前のエントリー「一定時間でヘッダに美女画像！」は全く同じ考え方のプログラムです。onclick部分だけ、見やすく書き直します。

function changeFont(id,interval){
　　var fonts=[
　　　　'sans-serif',
　　　　'serif',
　　　　'cursive',
　　　　'fantasy',
　　　　'monospace'
　　]; //切り替わるフォントの名前（いくつでも可）

　　var cnt=fonts.length; //フォントの数
　　var n=0; //カウンター
　　var elem=document.getElementById(id); //加工する文字のタグを取得
	
　　if(elem){ //文字のタグが取得できたら（出来なければ何もしない）
　　　　function sub(){
　　　　　　elem.style.fontFamily=fonts[n]; //フォントを変える
　　　　　　//カウンターがフォントの数と同じになったらゼロに
　　　　　　//それ以外は１つ増やす
　　　　　　n=++n%cnt?n:0;
　　　　};
　　　　//一つ目のフォントをセット。カウンタープラス
　　　　elem.style.fontFamily=fonts[n++];

　　　　setInterval(sub,interval);//100ミリ秒ごとに上の色つきブロックを実行
　　}
};

という内容です。重要なのはsetIntervalです。

質問、ご意見、ご指摘はコメント欄へお願いします。