内容介绍
这个是笔者今天随意写的一个jquery plugin,名为 MyDigitClock 作为送给大家的节日礼物! 它狠简单,你可以在网页上加个简单的live digital clock (数字钟),还有一点动画效果,保证你的网页马上充满生气。你可以指定颜色字型,有没有跳动效果等。狠容易使用,支持一页显示多个钟。
使用方法:
加上jquery及jquery.MyDigitClock.js的reference
<script src="js/jquery.MyDigitclock.js"></script>
<script type="text/javascript" src="jquery.js"></script>
2. 在显示的地方加上div
$(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}'}
);
});