Press "Enter" to skip to content

[Current Local Time] Digital Clock jQuery Plugin | Digitalclock

DigitalClock, is a jQuery Plugin for an analog clock that allows you to create a highly customizable digital clock to display the current local time on a webpage.

simple countdown timer jquery, display running time in jquery, bs digital clock widget, clock plugin jquery, jquery countdown timer, countdown timer jquery

How to make use of it:

1. Insert the Digital clock plugin’s information into the doc which has jQuery library installed.

<link rel="stylesheet" href="/path/to/digitalclock.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/digitalclock.js">

2. Create an empty container for the Digital Clock.

<div id="myClock">

3. Call the function digitalclock to generate a primary Digital Clock inside the container you simply created.


4. Change the position of the Digital Clock.


4. Specify the clock size.

  size: 350

5. Distort the Digital Clock by a sure angle using the CSS skew() function.


6. Rotate the Digital Clock by a sure angle using the CSS rotate() function.

  rotate: 50

7. Scale the Digital Clock and specify the amount of scaling to be applied in each direction.

  scale: [1, -0.7]

8. Customize the font size & text shade.

  color: '#66ff99',
  colorDelimiter: '#000000',
  fontsize: 100

Digital Clock To Show Current Local Time, Clock Widget For Your Website, digital clock jquery plugin/Github

See Demo And Download

Official Website(Zhang-777): Click Here

This superior jQuery/javascript plugin is developed by Zhang-777. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.