js 弹窗并定时关闭

1.

$('input').click(function() {
    prompt('点击成功', 2000)
})

function prompt(newName, time, fn) {
    var $div = $('<div>div>');
    $div.css({
        'position': 'fixed',
        'top': 0,
        'left': 0,
        'width': '100%',
        'height': '100%',
        'z-index': '200',
        'background-color': 'rgba(0,0,0,0.4)',
        // 'background-color':'#000',
    });
    var $contentDiv = $('<div>' + newName + 'div>');
    $contentDiv.css({
        'position': 'absolute',
        'top': '50%',
        'left': '50%',
        'font-size': '25px',
        'padding': '50px 100px',
        'border-radius': '5px',
        'background-color': '#fff',
        'color': '#000'
    });
    $div.append($contentDiv);
    $('body').append($div);

    // 获取创建的大小
    var newW = (parseInt($contentDiv.css('width')) + 200) / 2;
    var newH = (parseInt($contentDiv.css('height')) + 100) / 2;
    $contentDiv.css({
        'margin-top': -newH + 'px',
        'margin-left': -newW + 'px',
    })
    setTimeout(function() {
        $div.remove();
        if (fn) {
            fn(); //回调函数    
        }

    }, time);
}

 

转载于:https://www.cnblogs.com/jiangfeilong/p/11135190.html