/analogClockJs

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

Primary LanguageJavaScriptMIT LicenseMIT

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;
    // can define the timezone (+-) of the clock
    opt.timezone = 2;
    var clock = new AnalogClock("clock", opt);
    clock.panel.style.border = "solid 1px red";
</script>