这个是笔者今天随意写的一个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
<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}'} ); });