Setup

Download the files

Include the CSS file dyclock.min.css from the dist/css directory.

Include the JavaScript file dyclock.min.js from the dist/js directory.

For digital clock

var digitalClock = new dyClock("#digital-clock");
digitalClock.start();

For analog clock

var analogClock = new dyClock("#analog-clock", {
  clock : "analog"
});
analogClock.start();

---

Demo - Digital Clock

Digital Clock (default HH:mm:ss)

---

Digital Clock (default HH:mm:ss) border

---

Digital Clock (default HH:mm:ss) and digitalStyle

---

Digital Clock (hh:mm:ss A) by class

---

Digital Clock (hh:mm a) by class

---

Demo - Analog Clock

Analog Clock default

---

Analog Clock image 1

---

Analog Clock image 2 and digital time

---

Analog Clock by class and image 3 and analogStyle and digital time

---

Analog Clock by class and image 1

---

Note!

Version 2.x no jQuery required.

Version 1.x requires jQuery v1.12+

---

---