ajax请求之后的弹窗提示

ajax请求接口之后，要提示这次请求是否成功，我们都会弹出一个小提示框，自己手写了一个

css部分

//css 部分.mark-box-text {
    width: 80%;
    height: auto;
    position: fixed;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    z-index: 5;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    text-align: center;
    line-height: 2rem;
    font-size: .8rem;
    border-radius: .25rem;
}

js部分

function markBox(str) {
            if(timer != null) {
                return
            }
            $('.main-container').append('<div class="mark-box-text">'+str+'</div>')
            timer = setTimeout(function() {
                $('.mark-box-text').remove()
                timer = null
            }, 2000)
        }