Skip to content

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)

Notifications You must be signed in to change notification settings

ggagnauxOLD/MyDigitClock-By-Kfsoft.info

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.MyDigitclock.js"></script>

2. Add div(s) to your page body.
 
<div id="clock1"></div>
<div id="clock2"></div>
<div id="clock3"></div>

3. After the page is rendered, run MyDigitClock function. See the following examples.

$(function(){
	$("#clock1").MyDigitClock();

	$("#clock2").MyDigitClock({
		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 id="ch1">:</span>{MM}'}
	);
});


DEMO
****
http://www.kfsoft.info/home/digitClockDemo.php

AUTHOR
******
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

No packages published