🕑Clock Web Component Demo🕑

Some examples with different attributes

Default


                <wc-clock></wc-clock>

Fixed time


                <wc-clock fixed-time></wc-clock>

Hours ticks


                <wc-clock hours-ticks></wc-clock>

Hours & minutes ticks


                <wc-clock hours-ticks minutes-ticks></wc-clock>

Hours ticks & labels


                <wc-clock hours-ticks hours-labels></wc-clock>

Time zone : Australia/Perth


                <wc-clock time-zone="Australia/Perth">
                </wc-clock>

Hours ticks

Minutes ticks

Fixed Time (hh:mm:ss)

Hours labels (with ',' separator i.e: 3,6,9,12)

Time zone

Background color

Labels color

Hour hand color

Minute hand color

Second hand color