首页 | 7603 | 506 | 253 | 添加收藏 上一个 下一个
jQuery数字钟,MyDigitClock

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


  1. 在显示的地方加上div


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


  1. 直接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}'}
    );
});