jQuery数字钟,MyDigitClock

 查看演示  website  立即下载

这个是笔者今天随意写的一个jquery plugin,名为 MyDigitClock 作为送给大家的节日礼物！ 它狠简单，你可以在网页上加个简单的live digital clock (数字钟)，还有一点动画效果，保证你的网页马上充满生气。你可以指定颜色字型，有没有跳动效果等。狠容易使用，支持一页显示多个钟。

使用方法：

1. 加上jquery及jquery.MyDigitClock.js的reference

<script src="js/jquery.MyDigitclock.js"></script>
<script type="text/javascript" src="jquery.js"></script>

2. 在显示的地方加上div

<div id="clock1"></div>
<div id="clock2"></div>
<div id="clock3"></div>

3. 直接call MyDigitClock()

$(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}:{MM}'}
	);
});

PREVIOUS:
NEXT:
jQuery多级菜单插件
jquery背景移动插件MyFloatingBg.js