「診療時間と休診日」ページにアナログ時計を追加
診療時間のページに、「現在の時刻」と「カレンダー」を追加しました。（初回「F5」キーで再読み込み必要かも）
「現在の時刻」は、JavaScriptで閲覧端末から時刻情報を得て、HTML5のCanvas機能でアナログ時計を描画しています。
以下のサイトを参考にさせて頂きました。ありがとうございました。
・・・当初、ロレックス腕時計「サブマリーナ」風の文字盤（背景色：黒）にしましたが、ＨＰ上では浮いた感じになるので色を変えました。
アナログ時計下の文字ベースのデジタル時計は、過去記事で作成したJavaScript版です。
「カレンダー」はトップページで使用しているものと同じです。
関連記事：