誰もが Web サイトを閲覧していると、アクティブなステータス バーのテキストが左から右に次々と表示され、目が疲れてしまいますか?この効果を実現するために JavaScript プログラム アプリケーションが使用されます。この動的な効果がどのように生成されるかを注意深く分析してみましょう。
この効果を実現するためのアイデアは、まず、表示するテキストを変数に割り当て、関数を設定し、テキストの長さが一定になるたびにステータス バーにテキストを入力することです。文全体の長さと等しい時間、これを 0 に設定し、テキストを再度入力し、ループを続けるとこの効果が得られます。
次にソースプログラムを見てみましょう。
<スクリプト言語="JavaScript">
var msg = "5D マルチメディアへようこそ!!";
// msg 変数は、ステータス バーに表示するテキスト (一文) を設定します。
変数間隔 = 120
//テキストの長さが 1 ずつ増加する間隔をミリ秒で設定します。ここでは 120 ミリ秒です
var seq=0;
//動的テキストの長さを表す
functionScroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
// テキストに 1 文字を追加します
シーケンス++;
//ダイナミックテキストの長さに 1 を追加します
if ( seq >= len ) {
シーケンス = 0;
window.status = '';
window.setTimeout("Scroll();", 間隔 );
}
//動的テキストの長さが文全体と同じ場合は、動的テキストの長さを 0 に設定して最初からやり直します。
それ以外
window.setTimeout("Scroll();", 間隔 );
}
スクロール();
</script>
上記のソース コードを HTML ファイルの <body></body> タグにコピーすると、次のような効果が得られます。