- このスクリプトはフォームのテキストボックスに点滅する文字列を表示させます。
- 見た目は点滅しているように見えますが、実際はテキストボックスの内容を『表示→削除』と繰り返して点滅しているように見せているだけです(∩_∩)Ｖ
-
- 〜 JavaScript 〜
<SCRIPT language="JavaScript">
<!--
var timeID;
function txtBlink(){
var msg = "点滅してます(∩_∩)Ｖ";
if(document.frmSample.txtSample.value)
document.frmSample.txtSample.value = "";
else
document.frmSample.txtSample.value = msg;
clearTimeout(timeID);
timeID = setTimeout('txtBlink()',500);
}
//-->
</SCRIPT>
|
- 〜 HTML (抜粋) 〜
<body onLoad="frmClock();" >
<form name=frmSample><input type=text name=txtSample size=30></form>
|
- このページがロードされた時点でtxtBlink関数が起動されます。
- <body onLoad="txtBlink();" >
- テキストボックスの中身を確認します。値が入っているようなら""を代入して、何も無い状態の時はメッセージを代入します。ここで点滅を実現しています。
- if(document.frmSample.txtSample.value)
- 関数内で500ミリ秒毎にタイマーを発生させて自分自身を再度呼び出します。
- timeID = setTimeout('txtBlink()',500);
| |