気の向くままに辿るIT/ICT/IoT
JavaScript

JavaScript デジタル＆アナログ時計サンプル

ホーム前へ次へ
今日の日付と時間を表示させたい！『JavaScript』

JavaScript デジタル＆アナログ時計サンプル

JavaScript デジタル＆アナログ時計サンプル

　ホームページに日付と時刻を24時間表示させてみましょう。

1.JavaScript / DHTML デジタル時計
現在日付時刻訪問日時
このデジタル時計を表示するには、ブラウザの設定でJavaScriptが有効になっている必要があります。
DHTML / Dynamic HTMLとは
2.JavaScript & SVG アナログ時計
SVG Analog Clock webzoit XII III VI IX
このアナログ時計を表示するにはSVG対応ブラウザやプラグイン、対応ビューワ等が必要です。
この時計にはECMAScriptを使用の為、ブラウザ設定でJavaScriptが有効になっている必要があります。
3.Java Applet アナログ時計 & デジタル時計
Java Appletの時計
このアナログ時計及びデジタル時計を表示するにはJava実行環境JRE/Java Runtime Environment、各種HTML/XHTMLタグに対応するブラウザが必要です。

Javaのアナログ時計及びデジタル時計を表示しますが、読み込みに多少時間を要し、訪問直後、画面更新直後など「一時的に」マウスホイールが効かなくなる場合があります。

時計サンプルを作る環境

　これらの時計は、

  1. JavaScript + HTML/XHTML + CSS
  2. JavaScript + SVG + XML + HTML/XHTML + CSS
  3. Java + HTML/XHTML

　このページの目的に焦点を絞ってシンプルに書けば

  1. JavaScript
  2. JavaScript + SVG
  3. Java

によるサンプルです。

　ちなみにJavaScriptは、Javaを参考に作られてはいるもののJavaとは別物です。

現在日付時刻と訪問日時表示サンプルの作り方

ECMAScript ECMA-262 第5.1版ベースのJavaScript

【ECMAScript / ECMA-262 Edition 5.1 訳】

　尚、下記リンクは、多くの場合、ページ情報量の過多を回避する為、場合によって更に章、節、句ごとに、任意に細分化し、ネストしている部分があります。

旧来掲載のJavaScript

ホーム前へ次へ

tegami あっと webzoit.net
2004-2008-someday