js 限时弹框

function settimepop(title,url='',time=1000){
    // 两秒提示弹框
//title 提示信息   url  弹框消失后跳转的链接,默认没有不跳转  time  弹框时间  默认1s

    var str = '';
    $('body').append('<div class="settimepop" style="width:5.0rem; height:5.0rem; background-color:rgba(0,0,0,0.6); color:#fff; font-size:0.7 rem; text-align:center;line-height:5rem; position: absolute; z-index:999; border-radius: 0.25rem "> ' +
        '               <p></p>' +
        '             </div>');
    $('.settimepop p').html(title);
    if ($(window).width() < 800) {
        $(window).width(800);
    }
    var left = $(window).width() / 2 - $('.settimepop').width() / 2;
    var top = $(window).height() / 2 - $('.settimepop').height() / 2;
    var scrolltop=$(document).scrollTop();
    $('.settimepop').css({ 'left': left, 'top': top+scrolltop});
    // $("html,body").css({overflow:"hidden"});
    var jump=false;
    setTimeout(function(){
       $('.settimepop').hide();
        jump=true;
        if(url!='' && jump==true){
            console.log('jin')
            location.href = url;
        }
    },time);
}

在这里插入图片描述
这个是效果,

猜你喜欢

转载自blog.csdn.net/qq_39195481/article/details/84345873
今日推荐