简单明了代码
weixin_慕容6269227
2023-08-31 15:49
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>跳转提示页面</title>
<script type="text/javascript">
// 倒计时跳转
function countdown() {
var seconds = 5; // 跳转倒计时秒数
var countdownElement = document.getElementById('countdown');
var countdownInterval = setInterval(function() {
seconds--;
countdownElement.innerText = seconds;
if (seconds <= 0) {
clearInterval(countdownInterval);
redirectToNewPage();
}
}, 1000);
}
// 跳转到新页面
function redirectToNewPage() {
window.location.href = "https://www.imooc.com/";
}
// 返回前一个页面
function goBack() {
window.history.back();
}
</script>
</head>
<body onload="countdown()">
<h1>跳转提示页面</h1>
<p>将在 <span id="countdown">5</span> 秒后自动跳转到新的地址。</p>
<button onclick="goBack()">返回</button>
</body>
</html>
0回答
还没有人回答问题，可以看看其他问题
JavaScript进阶篇
468189 学习 · 21891 问题
相似问题