秒単位で動くアナログ時計をホームページに簡単に表示できます。

背景画像を使用した場合には、下のような実際の時計に近いイメージとなります。iframeで挿入しています。詳細は下記ご参照。ウェブページのアクセントとして最適です
（下の場合には、スマホに合わせたサイズ設定です。ソースで見て、気いればそのままご利用ください）

秒単位で動く秒針のあるアナログ時計をホームページに簡単に表示できます。
ご注意：
①そのままでは、jqueryとの併用は、できません＝iframeで挿入してください。
②SVGがフルに動くブラウザ（←リンク先で確認できます）のみ表示されます
ＩＥ9以上,andoroid3以上,ios,chrome,firefox,opera,safari,IEmobile,Edge
(パソコンIE8以下、スマホandoroid1,2では、SVG作動しませんが、現在使用されているパソコン・スマホ用ブラウザでは、ほぼ全て問題ありません)

アナログ時計のパターンを選んで下さい。
又はご自分で好きなようにCSSをページデザインに合わせてください
（下記リンク先は、iframe挿入と2重に2個表示していますので、若干、ページ表示が重く感じられると思いますが、1個であればページ表示が重くなることはありません）

白に黒字
灰色に黒字
黒に緑字
ピンクに青字

head内に貼り付けて下さい

document.getElementById('h_pointer').setAttribute('transform', 'rotate(' + h + ', 50, 50)');
          document.getElementById('m_pointer').setAttribute('transform', 'rotate(' + m + ', 50, 50)'); 
          document.getElementById('s_pointer').setAttribute('transform', 'rotate(' + s + ', 50, 50)');
          
          setTimeout(timerTick, 1000);
        }
      }
    </script>

body内に貼り付けて下さい