JQuery Clockはシンプルなアナログ時計を実装できます。画像を用いることなく、CSSを活用して実装できるのが特徴です。デジタル時計とは一味違った時計をWebページに設置したいという人はぜひチェックしてみてください。
JQuery Clock
以下のページからJQuery Clockの実際のデモやコードを確認できます。
デモでは丸いアナログチックな時計が表示されています。秒針もしっかり動いているところがいいですね。デジタルにはないアナログならではの愛着感が湧いてきます。
実装方法もとても簡単です。jQuery、clock.css、jquery.clock.jsを読み込んだうえで、以下のようにJQuery Clockをセットします。
<script type="text/javascript">
$(document).ready(function(){
$('#clock').clock();
});
</script>
あとは時計を表示したい場所にclockというID名を付与したdivを記述するだけという手軽さ。シンプルでかわいいアナログ時計を設置したい人は、ぜひ「JQuery Clock」を活用されてみてはいかがでしょうか？
JQuery Clockの詳細やダウンロードは、以下のページからどうぞ。
