JQuery 插件的封装 js原型 面向对象 模拟消息提示框

依赖jquery

如何使用它

页面引入
jquery.js  ，layUI.js

layUI.totals({
    delay:4000,,//显示4秒
    message:'你好！layUI'
});
layUI.totals({
    delay:5000,//显示5秒
    message:'今天牙疼的厉害！'
});
layUI.totals();//默认显示：3s后消失，  默认文本：hello layUI ！

原型 面向对象

layUI.js

(function(window,$){
var layUI=layUI||{};
function totals(options){//这里定义原型
    this.timer=null;
    this.options={
        delay:3000,
        message:'hello layUI!'
    }
    $.extend(this.options, options);//JQERY的方法，用来合并this.options和options参数
    this.init();
}
totals.prototype.constructor=totals;//这句话听说不写也没关系，写上去可以预防一些错误
totals.prototype.init=function(){
    var _this = this;
    //被插入的div，可以在这里给标签定义css
    var totalswrap=document.createElement('div');
    var body=document.getElementsByTagName('body')[0];
    totalswrap.innerText=_this.options.message;
    body.appendChild(totalswrap);
    setTimeout(function(){
        body.removeChild(totalswrap);
    },_this.options.delay)
};

layUI.totals=function(options){
    new totals(options);//实例化原型
}
//将layUI从闭包函数里面暴露到window，这里原理跟jq一样
if (typeof module !== 'undefined' && typeof exports === 'object' && define.cmd) {
    module.exports = layUI;
} else if (typeof define === 'function' && define.amd) {
    define(function () {
        return layUI;
    });
} else {
    window.layUI = layUI;
}
})(window,jQuery);