編程練習 製作一個跳轉提示頁面： 要求： 1. 如果打開該頁面後，如果不做任何操作則5秒後自動跳轉到一個新的地址，如慕課網主頁。 2. 如果點擊“返回”按鈕則返回前一個頁面。 效果: 註意: 在視窗中運行該程式時，該視窗一定要有歷史瀏覽記錄，否則"返回"無效果。 我的解答 <!DOCTYPE htm ...
編程練習
製作一個跳轉提示頁面：
要求：
1. 如果打開該頁面後，如果不做任何操作則5秒後自動跳轉到一個新的地址，如慕課網主頁。
2. 如果點擊“返回”按鈕則返回前一個頁面。
效果:
註意: 在視窗中運行該程式時，該視窗一定要有歷史瀏覽記錄，否則"返回"無效果。
我的解答
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
a, span{
font-size: 24px;
}
</style>
</head>
<body>
<h1>操作成功</h1>
<span><strong id="sec">66</strong>秒後返回主頁 </span><a href="location.html">返回</a>
<script>
var x = 5;
function ChangeText()
{
document.getElementById("sec").innerHTML=x;
x=x-1;
var clear = setTimeout(ChangeText,1000);
if(x<0){
clearTimeout(clear);
}
}
ChangeText();
setTimeout(function () {
window.history.back();
},6000)
</script>
</body>
</html>
