终于写出来了,调试了半天。。。
<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
<style>
.tips{
font-size:20px;
font-weight:bold;
}
.comeback{
line-height:2em;
}
a{
margin:0 10px;
}
</style>
</head>
<body>
<!--先编写好网页布局-->
<div class="test">
<p class="tips">操作成功</p>
<p class="comeback"><span id="backtime">5</span>秒后回到主页<a href="#" onclick="GoBack()">返回</a>
</p>
</div>
<script type="text/javascript">
//获取显示秒数的元素,通过定时器来更改秒数。
var a=5;
function countDown(){
document.getElementById("backtime").firstChild.nodeValue=a;
a--;
if(a==0){
location.assign("https://www.imooc.com");
}
}
var q =setInterval("countDown()",1000);
function GoBack() {
window.history.back();
}
//通过window的location和history对象来控制网页的跳转。
</script>
</body>
</html>