一定回数キャラクタを点滅させる


動作ブラウザ 【 IE:4.0  NN:4.0
Internet Explorer Netscape Navigator Opera iCab Safari
3.0 4.0 4.5 5.0 5.5 6.0 2.0 3.0 4.0x 4.x 6.0 7.0 6 7 2.x Beta
Windows × - × × × × × × - -
Macintosh × - - × × × × × - ×
UNIX - - - - - - × × × × - - - -

ポイント count--;
if (count >=0 )
{
flag = document.images["myChar"].style.visibility;
if (flag == "visible") document.images["myChar"].style.visibility = "hidden";
else document.images["myChar"].style.visibility = "visible";
setTimeout("moveChar()",mSec);
}
説  明 一定回数キャラクタを点滅させるには点滅回数を入れるカウンタ変数を用意します。カウンタ変数を減算し値が0以上であれば点滅処理を行います。キャラクタの点滅はスタイルシートのvisibilityプロパティの値を読み出します。読み出した値(文字列)がvisibleであれば表示されているので非表示にするためhiddenを代入します。hiddenの場合は逆にvisibleを代入することでキャラクタを点滅させることができます。
サンプル <html>
<head>
<title>一定回数キャラクタを点滅させる</title>
<script Language="JavaScript"><!--
count = 11; // 点滅させる回数
mSec = 200; // キャラクタの点滅速度(1秒=1000)
function moveChar()
{
count--;
if (count >=0 )
{
flag = document.images["myChar"].style.visibility;
if (flag == "visible") document.images["myChar"].style.visibility = "hidden";
else document.images["myChar"].style.visibility = "visible";
setTimeout("moveChar()",mSec);
}
}
// --></script>
</head>
<body onLoad="moveChar()">
<img src="char.gif" name="myChar">
</body>
</html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA