- このスクリプトはフォームのテキストボックスにある文字列をスクロールさせて表示します。。
-
- 〜 JavaScript 〜
<SCRIPT language="JavaScript">
<!--
var timeID;
var msg = " スクロールしてます(∩_∩)Ｖ ";
function txtScroll(){
msg=msg.substring(1,msg.length)+msg.substring(0,1);
document.frmSample.txtSample.value=msg;
clearTimeout(timeID);
timeID = setTimeout('txtScroll()',200);
}
//-->
</SCRIPT>
|
- 〜 HTML (抜粋) 〜
<body onLoad="txtScroll();" >
<form name=frmSample>
<input type=text name=txtSample size=30>
</form>
|
- このページがロードされた時点でtxtScroll関数が起動されます。
- <body onLoad="txtScroll();" >
- スクロールさせるメッセージを指定します。ここで前後の空白を入れないと、文字列がつながってしまい、スクロールしているように見えませんﾍ(ΘωΘ)ﾉ
- var msg = " スクロールしてます(∩_∩)Ｖ ";
- 表示した文字列の１文字目移行の文字列と先頭文字を連結して、新たに表示させる文字列を作成しています。
- msg.substring(1,msg.length)+msg.substring(0,1);
- 関数内で200ミリ秒毎にタイマーを発生させて自分自身を再度呼び出します。
- timeID = setTimeout('txtScroll()',200);
| |