网站底部向上弹出框

/*time*/

var now = new Date();
var hh = now.getHours();
var mm = now.getMinutes();
var ss = now.getSeconds();
var date1 = document.getElementById("now1");
var date2 = document.getElementById("now2");
function getDateWeek(obj) {
    if (obj < 10) return "0" + obj;
    else return obj;
}
date1.innerHTML = getDateWeek(hh) + ":" + getDateWeek(mm) + ":" + getDateWeek(ss);
date2.innerHTML = getDateWeek(hh) + ":" + getDateWeek(mm) + ":" + getDateWeek(ss+3);

var footTool=document.getElementById('footTool');
var tools=getClass(footTool,'swt-db')
function open(){
    for(var i=0;i<tools.length;i++){
        (function(a){
            setTimeout(function(){
                tools[a].style.display='block';
                document.body.scrollTop +=(a+1)*tools[a].offsetHeight;
            },(a+1)*2000)
        })(i)
    }
}
function getClass( oParent , classN ){
                var arr = [];
                var ele = oParent.getElementsByTagName('*');
                var reg = new RegExp('\\b'+classN+'\\b');
                for (var i=0;i<ele.length;i++ )
                {
                    if ( reg.test( ele[i].className ) )
                    {
                        arr.push( ele[i] );
                    }
                }
                return arr;
};
open()

$(function(){
    var intervalFirst=5000;//第一次多久显示
    var intervalOther=20000;//间隔显示时间
    setTimeout(bottomswtshow,10000)
    function dialog2show(){
        $('.bottom_swt dl:nth-of-type(2)').css({'display':'flex'})
    }

    function bottomswtclose(){
        $('.bottom_swt').css({'bottom':'-150%'});
        setTimeout(bottomswtshow,intervalOther);
        $('.bottom_swt dl:nth-of-type(2)').hide();
    }

    $('.bottom_swt .bottomhead i').click(function(){
        bottomswtclose()
    });
    function bottomswtshow(){
        $('.bottom_swt').show();
        $('.bottom_swt').css({'bottom':'0'});
        setTimeout(dialog2show,3000);
    }
})
 

/*html*/

document.writeln("<div class=\'bottom_swt\' id=\'bottom_swt\'>");

document.writeln(" </div>");

/*css*/

 .bottom_swt{width: calc(640em/24); position: fixed; bottom: -150%; overflow: hidden; background: #eef7f2;
transition: 1s; z-index: 9999999; display: none; left:50%; margin-left:-13.3em; box-shadow:0 0 0.416em #000;}