Java Applet digitalclock sample

Java Applet デジタル時計サンプル　　　　　　　　

　※このページは、17個のアプレットクラスを読み込み表示しますのでお使いのPC環境により表示が遅い場合があります。

時計の種類

　　　Ⅰ アナログ時計

　　　Ⅱ デジタル時計（横型、縦型、国際型）

動作確認について

　　　動作確認は、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">
午前文字の色 16進数	：	<param name="amcolor" value="0x000000 または、#000000">
午後文字の色 16進数	：	<param name="pmcolor" 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"> 　　　　　　│　│　│　│　│　　任意の名前でディレクトリを作成し、画像ファイルを配置します。　　　　　　│　│　│　│　│ 　　　　　　│　│　│　│　├ 1.jpg or .gif or .png 　　　　　　│　│　│　│　├ 2.jpg or .gif or .png 　　　　　　│　│　│　│　├　・　　　　　　│　│　│　│　├　・　　　　　　│　│　│　│　└ **.jpg or .gif or .png

▼デジタル時計（横型）　

<applet code="clock1a.class" width="225" height="15">
<param name="bgcolor" value="0x0000ff">
<param name="forecolor" value="0x00ffff">
<param name="size" value="12">
</applet>

Applet ダウンロード：

<applet
 code   ="clock1b.class"
 width  ="306"
 height ="20"
 bgcolor="0xddeeff"
 size   ="16"
 amcolor="#ff6600"
 pmcolor="#0033cc">
</applet>

Applet ダウンロード：

<applet code="clock1c.class" width="320" height="20">
<param name="bgcolor" value="0xeeeeee">
<param name="size" value="16">
<param name="amcolor" value="0xff6600">
<param name="pmcolor" value="0x006633">
</applet>

Applet ダウンロード：

<applet code="clock2.class" width="345" height="24">
<param name="bgcolor" value="0xb0ffb0">
<param name="fontname" value="Dialog">
<param name="fontstyle" value="0">
<param name="size" value="20">
<param name="amcolor" value="0xff8000">
<param name="pmcolor" value="0x0033cc">
</applet>

Applet ダウンロード：

^{背景画像＋枠付（文字のサイズに合わせて描画）}

^{文字：28 Canvas：W:480×H:38}

^{文字：20 Canvas：W:342×H:28 背景色設定、画像なし}

<applet code="clock2a.class" width="342" height="28">
<param name="bgcolor" value="0xb0ffb0">
<param name="fontname" value="Serif">
<param name="fontstyle" value="0">
<param name="size" value="20">
<param name="amcolor" value="0x234567">
<param name="pmcolor" value="0x0033cc">
<param name="image" value="img/1.gif">
</applet>

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

<applet code="clock3.class" width="226" height="12">
<param name="bgcolor" value="0xb0ffb0">
<param name="forecolor" value="0xff0000">
</applet>

Applet ダウンロード：

<applet code="clock3p.class" width="188" height="12">
<param name="bgcolor" value="0xdddfff">
<param name="forecolor" value="0x000000">
<param name="amcolor" value="0xff8000">
<param name="pmcolor" value="0x0033cc">
</applet>

Applet ダウンロード：

▼縦型デジタル時計⇒左側が文字サイズ16、右側が文字サイズ26です。

<!-- 背景の色・文字の色 16進数　文字のフォント名省略可 -->
<!-- 文字のスタイル・文字の大きさ 省略可　午前文字の色・午後文字の色 16進数 -->
<applet code="clock4.class" width="30" height="450">
<param name="bgcolor" value="0x23ddff">
<param name="fontcolor" value="0x00888">
<param name="fontname" value="Dialog">
<param name="fontstyle" value="0">
<param name="size" value="16">
<param name="amcolor" value="0xff6600">
<param name="pmcolor" value="0x000888">
</applet>

Applet ダウンロード：

▼縦型デジタル時計⇒左側が文字サイズ16、右側が文字サイズ26です。

<!-- 背景の色・文字の色 16進数　文字のフォント名省略可 -->
<!-- 文字のスタイル・文字の大きさ 省略可　午前文字の色・午後文字の色 16進数 -->
<applet code="clock5.class" width="30" height="500">
<param name="bgcolor" value="0xffddff">
<param name="fontcolor" value="0x0011ff">
<param name="fontname" value="Dialog">
<param name="fontstyle" value="0">
<param name="size" value="16">
<param name="amcolor" value="0xff6600">
<param name="pmcolor" value="0x000033">
</applet>

Applet ダウンロード：

▼デジタル時計（国際型）国(日本・イギリス・アメリカ)

　① スタンダード（画像イメージ、背景色、文字色設定）・都市（東京・ロンドン・ニューヨーク）

<!--設定は、背景色："bgcolor"、文字色："fontcolor"-->
<applet code="clockws.class" height="15" width="320">
<param name="bgcolor" value="0xeffffd8">
<param name="fontcolor" value="0xdd00a0">
</applet>

Applet ダウンロード：　

　② 画像イメージ付き（背景色、文字色(上段・下段)設定）・都市（東京・ロンドン・ニューヨーク・ハワイ）

<!--設定は、背景色："bgcolor"、上段文字色："fontcolor1"、下段文字色："fontcolor2"-->
<applet code="clockw.class" height="30" width="398">
<param name="bgcolor" value="0xeffffd8">
<param name="fontcolor1" value="0xdd00a0">
<param name="fontcolor2" value="0x000aaa">
</applet>

Applet ダウンロード： (画像ファイル同梱) 　

　③ 上の②の上段文字色（fontcolor1）、下段文字色（fontcolor2）及びバックカラー値を変更。

^{このベージの背景色と同色に設定}

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

mixiチェック