没思路的可以看看我的，可能没那么好，但功能还是做出来了
<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb" />
</head>
<style type="text/css">
#icon {
position: absolute;
}
</style>
<body>
<!--先编写好网页布局-->
<h3>操作成功</h3>
<span id="icon">5</span>
<p> s后回到主页<a href="#">返回</a></p>
<script type="text/javascript">
var dom = document.getElementById("icon");
var time = setInterval(clock, 5000)
//获取显示秒数的元素，通过定时器来更改秒数。
var time1 = setTimeout(click, 1000)
function clock() {
window.location.assign("https://www.baidu.com/")
window.location.href("https://www.baidu.com/")
}
var a = 5;
function click() {
//判断如果a = 0就终止循环
if (a == 0) {
clearTimeout(time1);
} else {
document.getElementById("icon").value = a;
a--
console.log(a)
time1 = setTimeout(click, 1000) //当a - 1 之后继续执行setTimeout函数
document.getElementById("icon").innerHTML = a; //把a的值实时的赋给HTML元素，从而改变页面上的数字
}
}
//通过window的location和history对象来控制网页的跳转。
</script>
</body>
</html>
