<script type="text/javascript">
//定义倒计时变量,设置为几就是几秒。
var count = 5;
//设置每秒执行一次refresh函数。
window.setInterval("refresh()", 1000);
//refresh函数
function refresh() {
count--;
if (count == 0 ) {
location.href = "https://www.codesou.cn";
}
}
</script>
示例:页面上显示一个初始化5秒的数字并开始倒计时,5秒以后跳转到另一个页面。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面稍后自动跳转</title>
</head>
<body>
<body>
<a href="https://www.codesou.cn/">直接跳转</a>
页面将在<span id="time">5</span>秒后自动跳转回到主页
<script type="text/javascript">
//定义一个变量为5
var count = 5;
//一开始就执行
window.setInterval("refresh()", 1000);
function refresh() {
if (count > 0 ) {
//修改span中的数字
document.getElementById("time").innerText = count--;
}else {
location.href = "https://www.codesou.cn";
}
}
</script>
</body>
</html>
想要了解更多内容,请持续关注码农资源网,一起探索发现编程世界的无限可能!
本站部分资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。
如有侵权请发送邮件至1943759704@qq.com删除
码农资源网 » JavaScript倒计时跳转网页
本站部分资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。
如有侵权请发送邮件至1943759704@qq.com删除
码农资源网 » JavaScript倒计时跳转网页