Java Applet analogclock sample

Java Applet アナログ時計サンプル　　　　　　　　

時計の種類

　　　Ⅰ アナログ時計（数字文字盤型、ローマ字文字盤型、国際型）

　　　Ⅱ デジタル時計

動作確認について

　　　動作確認は、Java6で実施しております。Java5以下では表示できない場合があります。

　　　表示できない場合は、Java のバージョンの確認をしてください。バージョンアッブ方法の解説。

ダウンロード及びご利用について

　　　ダウンロードファイル形式は、ZIP 形式です。

　　　ダウンロードは、自己責任でご利用下さるようお願いいたします。

　　　ご利用による不具合などが発生しても当方には、一切責任がないものとします。

使用方法について

　　　1. 希望するアプレットをダウンロードし解凍します。class ファイルがあります。

　　　2. html ファイルの配置する場所にテキストボックス内のタグを貼り付けます。

　　　3. 背景色及び文字色の設定をします。(色の設定をしないと表示されません。)

　　　　 ※各アプレットは、それぞれ設定内容が異なります。テキストボックス内の記述を参照ください。

　　　4. ブラウザーで表示の確認と動作確認をします。

　　　5. html ファイルとclass ファイルをサーバーへアップロードします。

　設定項目

背景の色 16進数	：	<param name="bgcolor" value="0x000000 または、#000000">
文字の色 16進数	：	<param name="forecolor" value="0x000000 または、#000000">
文字のフォント名省略可	：	<param name="fontname" value="Dialog">　フォントの種類の確認
文字のスタイル省略可	：	<param name="fontstyle" value="0">　フォントのスタイルの確認
文字の大きさ省略可	：	<param name="size" value="16">　htmlの標準値は、16に相当します。
画像ファイル名省略可	：	<param name="image" value=".パス/ファイル名**.jpg or .gif or .png">
省略可について
省略可パラメータは、無記述でOKです。テキストボックス内の設定項目を全て貼り付けしなくても
表示されます。省略した場合はテキストボックス内の値で表示されます。
パラメータ (size) 設定のない Applet の文字サイズは、12(Javaデフォルト)で作成ています。
例えば文字サイズの<param name="size" value="12">を無記述の場合、サイズ12で表示されます。
パラメータ:描画イメージ (image) は、img が null の場合には何も行いません。
参考　描画イメージ（画像）を設定する場合のディレクトリ構造です。　server/root 　　　　　　├ home 　　　　　　│　├ user (your dir) 　　　　　　│　│　├ public_html 　　　　　　│　│　│　├ index.html 　　　　　　│　│　│　├ example.html (Applet を組み込んだhtml ) 　　　　　　│　│　│　├ img 　　　　　　│　│　│　│　│　画像ディレクトリ（dir）の設定について　　　　　　│　│　│　│　│　1.アナログ国際時計のディレクトリ　　　　　　│　│　│　│　│　　img ディレクトリを作成し、画像ファイルを配置します。（この構造です。）　　　　　　│　│　│　│　│　　画像ファイルの html タグ記述はありません。色の設定をします。　　　　　　│　│　│　│　│　2.背景画像のディレクトリ（dir）　　　　　　│　│　│　│　│　　ディレクトリを作成しないタイプと作成するタイプになります。　　　　　　│　│　│　│　│　・ディレクトリ（dir）を作成しないタイプの html タグ　　　　　　│　│　│　│　│　　<param name="image" value="*.jpg or .gif or png"> 　　　　　　│　│　│　│　│　　画像ファイルは、html と同じ位置に配置します。　　　　　　│　│　│　│　│　・ディレクトリ（dir）を作成するタイプの html タグ　　　　　　│　│　│　│　│　　<param name="image" value="任意のディレクトリ名/.jpg or .gif or png"> 　　　　　　│　│　│　│　│　　任意の名前でディレクトリを作成し、画像ファイルを配置します。　　　　　　│　│　│　│　│　3.アナログ時計・時刻ローマ字盤のディレクトリ　　　　　　│　│　│　│　│　　img ディレクトリを作成し、画像ファイルを配置します。（この構造です。）　　　　　　│　│　│　│　│　　画像ファイルの html タグ記述は、省略可能です。(imgディレクトリはデフォルト) 　　　　　　│　│　│　│　│　　img ディレクトリを他の名前にする場合は、 html タグを記述します。　　　　　　│　│　│　│　│　　<param name="image" value="任意のディレクトリ名/.jpg or .gif or png"> 　　　　　　│　│　│　│　│ 　　　　　　│　│　│　│　├ 1.jpg or .gif or .png 　　　　　　│　│　│　│　├ 2.jpg or .gif or .png 　　　　　　│　│　│　│　├　・　　　　　　│　│　│　│　├　・　　　　　　│　│　│　│　└ *.jpg or .gif or .png

▼アナログ時計（数字文字盤型）背景画像（高さに合わせて描画）

<!--"bgcolor・fontcolor・dotcolor"を設定、以下省略可-->
<!--パス及びファイル名を指定　.jpg.gif.png-->
<applet code="clock6" width=200 height=200>
<param name="bgcolor" value="0xE8E8ff">
<param name="fontcolor" value="0x000888">
<param name="dotcolor" value="0x009933">
<param name="fontname" value="Dialog">
<param name="fontstyle" value="0">
<param name="size" value="16">
<param name="image" value="***.jpg or .gif or png">
</applet>

Applet ダウンロード：　　　背景画像ダウンロード：

▼アナログ時計（数字文字盤型）＋デジタル時計：背景画像＋枠付（高さに合わせて描画）

<!--パス及びファイル名を指定　.jpg.gif.png-->
<applet code="clock7.class" width="200" height="200">
<param name="bgcolor" value="0xE8E8ff">
<param name="image" value="***.png">
</applet>

Applet ダウンロード：

▼アナログ時計（ローマ字盤型）時刻ローマ字盤＋デジタル時計：背景画像＋枠付

<!--パス及びファイル名を指定　.jpg.gif.png-->
<applet archive="clock8.jar" code="clock8.class" width="200" height="200">
    <param name="bgcolor" value="0xebf5f5">
    <param name="digcolor" value="0x0008ff">
    <param name="secondcolor" value="0xff0000">
    <param name="outlinecolor" value="0x000888">
    <param name="image" value="img/bg2.gif">
    <param name="images" value="img/white">
</applet>

Applet ダウンロード：　ローマ文字盤ダウンロード：

▼アナログ時計（ローマ字盤＋秒針ポイント型）時刻ローマ字盤＋デジタル時計：背景画像＋枠付

　　ヒント：デジタル表示や枠を消したい場合は、各色を同色に設定します。

<!--パス及びファイル名を指定　.jpg.gif.png-->
<applet archive="clock9.jar" code="clock9.class" width="200" height="200">
    <param name="bgcolor" value="0xebf5f5">
    <param name="digcolor" value="0xebf5f5">
    <param name="secondcolor" value="0xff0000">
    <param name="outlinecolor" value="0xebf5f5">
    <param name="image" value="img/bg2.gif">
    <param name="images" value="img/white">
</applet>

Applet ダウンロード：　　　背景画像ダウンロード：

▼アナログ時計（国際型）国(日本・イギリス・アメリカ)

<!--上記設定項目にない項目-->
<!--"dotcolor" 外周ドット色　"seccolor" 秒針色-->
<!--"fontcolor1" 各都市名文字色　"fontcolor2" 各都市時間文字色-->
<!--"hjpcolor" 日本時針色　"hukcolor" イギリス時針色　"hnycolor" アメリカ時針色-->
<!--パス及びファイル名を指定　.jpg.gif.png-->
<applet code="clockwl.class" width="200" height="200">
<param name="bgcolor" value="0xE8E8ff">
<param name="fontcolor" value="0x000888">
<param name="dotcolor" value="0x009933">
<param name="seccolor" value="0xff0033">
<param name="fontname" value="Dialog">
<param name="fontstyle" value="0">
<param name="size" value="16">
<param name="fontcolor1" value="0xdd00a0">
<param name="fontcolor2" value="0x000aaa">
<param name="hjpcolor" value="0x00ffff">
<param name="hukcolor" value="0x00cccc">
<param name="hnycolor" value="0x00ff00">
<param name="image" value="bg.png">
</applet>

Applet ダウンロード： (国旗(日本・イギリス・アメリカ)画像ファイル同梱)

ファイルの配置方法は、ディレクトリ構造の解説を参考にしてください。

mixiチェック