js弹框

//js
var utils={ 
    timer:null,
    createDiv:function (childClass,imgSrc,text){
        // var divs=[].shift.apply(arguments);

        var div=`<div class='bg1 tanchu'><div class=`+childClass+`><img src=`+imgSrc+`><p>`+text+`</p></div></div>`;
        $("body").append(div);
        // return div;
    },
    error:function(text){
        if ($(".tanchu")) {
            $(".tanchu").remove();
            clearTimeout(utils.timer);
            utils.timer=null;
        }

        utils.createDiv("error","./img/tanchu/fail.png",text||"信息错误");
        utils.timer=setTimeout(function(){
            $('.tanchu').remove();
        },1000);
    },
    success:function(text){
        if ($(".tanchu")) {
            $(".tanchu").remove();
            clearTimeout(utils.timer);
            utils.timer=null;
        }
        utils.createDiv("success","./img/tanchu/success.png",text||"成功");
        utils.timer=setTimeout(function(){
            $('.tanchu').remove();
        },1000);
    }
}

//html
<input class="buttonClick1" type="button" name="" value="登录1">
<input class="buttonClick2" type="button" name="" value="登录2">

//调用
$(".buttonClick1").click(function(){
    utils.success("登录成功");
});
$(".buttonClick2").click(function(){
    utils.error("登录成功");
});