1. Introduction
Article will showcase a super realistic analog clock written in jQuery, HTML and CSS3 by Codehim.
2. Links
3. Features
- Fully customizable, simple adoptation to your needs,
- Attractive and clear design,
- Clock is available in 3 Sizes, X small, X large and Original Size 250 by 250,
- CSS3 transformation based clock's hands motion,
- Exact time - according to the server time,
- Stylish Date and day badge,
- Chrome, Safari, Firefox, Opera, IE7+, IOS, Android and windows phone supported.
4. How to install
Widget runs as jQuery plugin so first include jquery javascript into your website:
Import Codehim Clock plugin's JavaScript & CSS files into the HTML document:
Create container on your website in which you want to display clock widget. It can be placed anywhere on your website:
Call CodehimClock()
function with this selector in DOM ready function:
There are three possible widget sizes you can use:
original
xsmall
- xlarge
To hide/show seconds hand use
showSeconds
attribute:
To show date and day in clock use showDate
attribute:
{{ 'Comments (%count%)' | trans {count:count} }}
{{ 'Comments are closed.' | trans }}