沒思路的可以看看我的,可能沒那么好,但功能還是做出來了
<!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>