layui自定義時鐘模塊

clock.js :

//layui自定義模塊寫法

layui.define(function (exports) {
    var obj = {
        now: function () {
            setInterval('clock("current-datetime")', 1000);
        }
    };

    exports('clock', obj);
});

function clock(id) {
    var time = new Date();//獲取系統當前時間
    var year = time.getFullYear();
    var month = time.getMonth() + 1;
    var date = time.getDate();//系統時間月份中的日
    var day = time.getDay();//系統時間中的星期值
    var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
    var week = weeks[day];//顯示爲星期幾
    var hour = time.getHours();
    var minutes = time.getMinutes();
    var seconds = time.getSeconds();
    if (month < 10) {
        month = "0" + month;
    }
    if (date < 10) {
        date = "0" + date;
    }
    if (hour < 10) {
        hour = "0" + hour;
    }
    if (minutes < 10) {
        minutes = "0" + minutes;
    }
    if (seconds < 10) {
        seconds = "0" + seconds;
    }

    var timeRunner = document.getElementById(id);
    if (timeRunner) {
        timeRunner.innerHTML = year + "年" + month + "月" + date + "日&nbsp;"
            + week
            + "&nbsp;" + hour + ":" + minutes + ":" + seconds
            + "&nbsp;";
    }
}

使用：

layui.config({
            base: '<%=basePath%>style/js/'
        }).extend({
            clock: 'clock'
        });
        layui.use(['element','layer','table','clock'], function () {
            var clock = layui.clock;
            clock.now();

}）;