Skip to content

An analogClock js plug that written in native javascript (jQuery is not required but also campatiable).

License

Notifications You must be signed in to change notification settings

wglgithub/analogClockJs

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

analogClockJs

An analogClock js plug that written by native javascript (jQuery/Bootstrap is not required but also campatiable).

No extra css file needed, no canvas used, runnable in IE8 (Without hands). Easy to use, hope you enjoy it!

<div id="clock">
</div>

<script src="analogClock.js"></script>

<script>
    AnalogClock("clock");//simple use
    AnalogClock("clock", { width: 300, bgColor: "#bf0" });//simple option
    AnalogClock("clock", new AnalogClockOption(200, "#eee", "#333"));//using option class to customize

    //base on object use, returns an clock object, can do some further style controll by the returned object.
    var opt = new AnalogClockOption(); opt.width = 100;
    var clock = new AnalogClock("clock", opt);
    clock.panel.style.border = "solid 1px red";
</script>

About

An analogClock js plug that written in native javascript (jQuery is not required but also campatiable).

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 89.7%
  • HTML 10.3%