時計のコロン(:)を点滅
昨日こさえた時計なのですけれども、コロンを点滅させるように出来ないかというリクエストがありましたし、私自身そうしたかったのもありましたので、一寸手直ししてみました。
<img src="" width="4" height="10" id="c1" name="c1" border="0"/>
<img src="" width="4" height="10" id="c2" name="c2" border="0"/>
fol="画像の入っているフォルダーを絶対パスで";
cc=new Image();
cc.src=fol+"c.gif";
ccn=new Image();
ccn.src=fol+"cn.gif";
timeS = itime.getSeconds();
document.c1.src=cc.src;
document.c2.src=cc.src;
if (timeS%2 != 0) {
document.c1.src=ccn.src;
document.c2.src=ccn.src;
}
前半がHTMLで、単にコロンの画像にname属性を付けただけです。 尚、コロンの画像と同じサイズで完全透過の「cn.gif」を新たに追加してます。
後半のJavaScriptも簡単な事しかしていないのですが、フラグ立てて1だったら描画して、0だったら非描画(完全透過の画像を描画)させるのはあまりに普通なので、取り敢えずコロンは描画させておいて、
if (timeS%2 != 0)
っていう感じで、秒を2で割って、余り出たらコロンを消す、という事にしました。




