﻿/*
* xclock.js Version 0.1 
* 功能说明:用来方便的显示当前的日期和时间信息
* 开发人员:许浩亮     开发时间:2009-07-02   
* 说明:
2009-07-03:增加了自定义前景,背景色的功能,默认背景透明,前景黑色
*/
(function ($) {
    $.fn.xclock = function (options) {

        //获取代码中指定的属性信息
        var opts = $.extend($.fn.xclock.defaults, options);

        return this.each(function () {

            $this = $(this);

            $this.css({
                backgroundColor: opts.background,
                color: opts.foreground
            });

            $.fn.xclock.displayTime();
        });
    };

    //反复调用以实时显示当前时间
    $.fn.xclock.displayTime = function () {
        var time = $.fn.xclock.getTime();
        $this.html(time);
        setTimeout("$.fn.xclock.displayTime()", 1000);
    }

    //获取当前的日期时间信息
    $.fn.xclock.getTime = function () {
        var zx = new Date();
        var yy = zx.getFullYear();
        var mm = zx.getMonth() + 1;
        if (mm <= 9) { mm = "0" + mm; }
        var dd = zx.getDate();
        if (dd <= 9) { dd = "0" + dd; }
        var dw = zx.getDay();
        var zx2 = new Array();
        zx2[0] = "星期日";
        zx2[1] = "星期一";
        zx2[2] = "星期二";
        zx2[3] = "星期三";
        zx2[4] = "星期四";
        zx2[5] = "星期五";
        zx2[6] = "星期六";
        var hh = zx.getHours();
        if (hh <= 9) { hh = "0" + hh; }
        var mi = zx.getMinutes();
        if (mi <= 9) { mi = "0" + mi; }
        var sec = zx.getSeconds();
        if (sec <= 9) { sec = "0" + sec; }

        //return yy + "年" + mm + "月" + dd + "日" + "  " + zx2[dw] + "  " + " " + hh + ":" + mi + ":" + sec;
        return yy + "年" + mm + "月" + dd + "日"

    };

    //指定配置信息
    $.fn.xclock.defaults = {
        foreground: "black",
        background: "transparent"
    };
})(jQuery);

