JQuery Clock

JavaScript

シンプルなアナログ時計を実装できる「JQuery Clock」

JQuery Clockはシンプルなアナログ時計を実装できます。画像を用いることなく、CSSを活用して実装できるのが特徴です。デジタル時計とは一味違った時計をWebページに設置したいという人はぜひチェックしてみてください。

JQuery Clock

デモ

デモでは丸いアナログチックな時計が表示されています。秒針もしっかり動いているところがいいですね。デジタルにはないアナログならではの愛着感が湧いてきます。

<script type="text/javascript">
    $(document).ready(function(){
        $('#clock').clock();
    });
</script>

あとは時計を表示したい場所にclockというID名を付与したdivを記述するだけという手軽さ。シンプルでかわいいアナログ時計を設置したい人は、ぜひ「JQuery Clock」を活用されてみてはいかがでしょうか?

JQuery Clock

no-imageテキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」前のページ

3Dキューブによる画像ギャラリー「3D Cube Image Gallery」次のページno-image

最近の記事

  1. trolox(トロロックス)
  2. ホットコーヒー
  3. すぱじろうのたらことサーモンと千寿ねぎのすぱ
  4. 2022.09.14

    ボルダリング

PAGE TOP