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">
</div>

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

$(function(){
  $("#myClock").digitalclock();
});

4. Change the position of the Digital Clock.

$("#myClock").digitalclock({
  x:150,
  y:150
});

4. Specify the clock size.

$("#myClock").digitalclock({
  size: 350
});

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

$("#myClock").digitalclock({
  skew:-30
});

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

$("#myClock").digitalclock({
  rotate: 50
});

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

$("#myClock").digitalclock({
  scale: [1, -0.7]
});

8. Customize the font size & text shade.

$("#myClock").digitalclock({
  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.