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

関連記事

  1. Tiny slider
  2. jquery.matchHeight.js
  3. JavaScript

    ライトボックスみたいなお洒落なアラートを出してカスタマイズもできるjQuery uLightBox …

    ライトボックスみたいなお洒落なアラートを表示させることができるjQue…

  4. Before and After image script
  5. ReadRemaining.js

    JavaScript

    記事を読むのにかかる時間を教えてくれるjQueryプラグイン「ReadRemaining.js」

    ReadRemaining.jsは記事を読むのにどのくらい時間がかかる…

  6. qpScroll

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP