学习笔记 - 将在5秒钟后跳转到首页（JS - BOM - location - href）

ABU_媛

已于 2022-07-20 17:20:45 修改

阅读量1.1k

点赞数

文章标签：大数据

于 2022-07-15 18:35:41 首次发布

本文链接：https://blog.youkuaiyun.com/ABU_ablm/article/details/125810498

版权

本文通过一个实例展示了如何使用JavaScript的BOM（浏览器对象模型）中的location.href属性来实现在5秒倒计时结束后自动跳转到指定页面的功能。代码中设置了一个定时器，每秒更新倒计时并在倒计时结束时重定向到百度首页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

案例分析

1、利用定时器做倒计时效果
2、时间到了，就跳转页面。使用location.href

代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div></div>
<script>
var div = document.querySelector("div");
var miao = 5;
tiao();
setInterval(tiao, 1000);
function tiao() {
if (miao == 0) {
location.href = "http://www.baidu.com";
} else {
div.innerHTML = "将在" + miao + "后跳转首页";
miao--;
}
}
</script>
</body>
</html>