forked from ggagnauxOLD/MyDigitClock-By-Kfsoft.info
-
Notifications
You must be signed in to change notification settings - Fork 0
This tiny jquery plugin help your to add live digital clock(s) to you page, with simple animation effect. Work with all major browsers. (This jquery plugin is created by KF Software House)
FreedomMercenary/MyDigitClock-By-Kfsoft.info
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
SUMMARY ******* This tiny jquery plugin help your to add live digital clock(s) to you page, with simple animation effect. Work with all major browsers (IE / FF / chrome / safari / opera). USAGE ***** 1. Download jquery.MyDigitClock.js add its reference to your page. <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <!-- optional --> <script type="text/javascript" src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script> <!-- /optional --> <script type="text/javascript" src="jquery.MyDigitClock.min.js"></script> 2. Add div(s) to your page body. <div id="clock1"></div> <div id="clock2"></div> <div id="clock3"></div> <div id="clock4"></div> 3. After the page is rendered, run MyDigitClock function. See the following examples. $(function(){ $("#clock1").MyDigitClock(); $("#clock2").MyDigitClock({ digitPrefix: false, fontSize: 50, fontFamily: "Century gothic", fontColor: "#000", fontWeight: "bold", bAmPm: true, background: "#fff", bShowHeartBeat: true }); $("#clock3").MyDigitClock({ fontSize: 150, fontColor: "grey", background: "#fff", fontWeight: "bold", timeFormat: "{HH}<span class=\"ch1\">:</span>{MM}" }); $("#clock4").MyDigitClock({ fontSize: 150, fontColor: "grey", // Replace internals of function with formatter used in {date:} string // This example uses the jQuery UI datepicker's formatter, requires the optional library above dateFormatter: function(format, date) { return $.datepicker.formatDate(format,date); }, background: "#fff", fontWeight:"bold", timeFormat: "{date:M d, yy} {HH}<span class=\"ch1\">:</span>{MM}<span class=\"ch2\">:</span>{SS}", timeZone: "-06:00" }); }); DEMO **** [Old demo URL not valid] NOTES ***** New functionality from original: - Correct support for noon & midnight times - Additional timezone support (timeZone: '(-)XX:XX') - Option to not prefix values with zero (digitPrefix: false) - Support for custom date formatting AUTHOR ****** Chris Reynoso (https://github.com/FreedomMercenary/MyDigitClock-By-Kfsoft.info) KF SOFTWARE HOUSE (http://www.kfsoft.info) License ******* MIT license
About
This tiny jquery plugin help your to add live digital clock(s) to you page, with simple animation effect. Work with all major browsers. (This jquery plugin is created by KF Software House)
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published
Languages
- JavaScript 100.0%