Html代码
<div class="container-fluid container-fluid-bg">
<div class="row">
<nav class="header-top">
<img src="../../img/logo.png" class="logo" id="register-success-logo">
<div style="float: right;display: none;" id="count-down">
<span style="padding-right: 30px"><label id="timedown">3</label>秒后将跳转至主页</span><!--<button class="btn btn-primary btn-sm" data-toggle="modal"
data-target="#my-modal" onclick="restoreLogin()">登录</button>-->
</div>
</nav>
</div>
</div>
<div class="container-fluid main">
<div class="row">
<div class="body">
<div>
<img class="img" src="../../img/success.png" alt="注册成功">
</div>
<div>
<h3 class="body-h">注册成功!</h3>
</div>
</div>
</div>
</div>
Javascript代码
$(function(){
var obj = getConfigInfomation();
getItem(obj);
function getItem(obj){
$('#count-down')[0].style.display = 'block';
if( obj["2"] != ""){//网站首页logo
//returnValue = data[index].imageurl;
$("#register-success-logo").attr("src",obj["2"]);
$("#register-success-logo").css("background-image",null);
}
if( obj["5"] != ""){//网站图标
//returnValue = data[index].imageurl;
var head = document.getElementsByTagName('head');
var link = document.createElement('link');
link.href = obj["5"];
link.rel = 'shortcut icon';
var t_type = '';
if(obj["5"]){
if( obj["5"].substr(obj["5"].lastIndexOf("."),obj["5"].length-1) == 'icon'){
t_type = 'image/x-icon';
}else{
t_type = 'image/'+obj["5"].substr(obj["5"].lastIndexOf("."),obj["5"].length-1);
}
}
link.type = t_type;
$.each(head,function(index,item){
head[index].appendChild(link);
});
}
let count = 3;
setInterval(function () {
count--;
$('#timedown').html(count);
},1000);
//三秒后跳转新页面
window.setTimeout("window.location='../index.html?privacy='+1",3000);
restoreLogin();
}
})
Css样式
.body{
background: #ffffff;
width: 100%;
height: 100%;
margin-top: 1%;
text-align: center;
}
.img{
padding-top: 10%;
}
.body-h{
letter-spacing: 20px;
font-size: 40px;
margin-left: 6%
}