Home » ソフトウェア » Webアプリケーション » アナログ時計Flash版

アナログ時計Flash版

【2020.4.12】HTML5版を公開しました。

表示例

機能

Flashを用いたアナログ時計です。一度ページを読み込んでしまえば、後はサーバーにアクセスせずに動き続けます。

システム日付の時刻が表示されます。

設置の仕方 – JavaScriptを使用して表示させる場合

以下の各ファイル
analogclock.swf アナログ時計Flash版本体
analogclock_flash.js アナログ時計Flash版表示用JavaScriptファイル
をアナログ時計を表示させたいHTMLファイルと同じ場所に配置します。

アナログ時計を表示させたい箇所に

<script language="JavaScript" src="analogclock_flash.js"></script>
<script language="JavaScript">putAnalogClock([ピクセル数]);</script>

と記述します。設計上の基準ピクセル数は320です。
HTMLファイルとswfファイルとjsファイルが同一ディレクトリに配置されている必要があります。(jsファイルをカスタマイズしない場合)

設置の仕方 – JavaScriptを使用せずに表示させる場合

以下のファイル
analogclock.swf アナログ時計Flash版本体
をアナログ時計を表示させたいHTMLファイルと同じ場所に配置します。

アナログ時計を表示させたい箇所に

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="[ピクセル数]" height="[ピクセル数]" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="analogclock.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="analogclock.swf" quality="high" width="[ピクセル数]" height="[ピクセル数]" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />
</object>

と記述します。設計上の基準ピクセル数は320です。
ブラウザによっては「このコントロールをアクティブ化して使用するにはクリックしてください。」などと表示されて、クリックするまで動作が始まらない場合があります。

タイトルとURLをコピーしました