TSUTAYA online  DELL ノート Inspiron  トレンドマイクロ・オンラインショップ  マカフィー・ストア

時計のコロン(:)を点滅

delicious はてな この記事をクリップ! | 2005年01月04日18:47 | 編集

 昨日こさえた時計なのですけれども、コロンを点滅させるように出来ないかというリクエストがありましたし、私自身そうしたかったのもありましたので、一寸手直ししてみました。

<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で割って、余り出たらコロンを消す、という事にしました。




Search

Archives

Contact

■Administrator
padmacolors@gmail.com

■Akane Miyashita
akane.padma@gmail.com
イラスト、デザインのお仕事を承ります!

フィードメーター - padma colors / 

スカウター : padma colors / 

(C) 1997-2008 padma colors All Rights Reserved. Powered by Movable Type. RSS feed