<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自动跳转首页</title>
<style>
p{
text-align: center;
}
span{
color: #e726ff;
}
</style>
<script>
/*
分析:
1、显示页面效果<p>
2、倒计时读取秒效果实现
2.1 定义一个方法,获取span标签,修改span标签体内容
2.2 定义一个定时器,1秒执行一次该方法
3、在方法中判断,如果时间<=0,跳转到首页
*/
var second = 5;
function fun() {
second--;
if (second<=0){
location.href = "https://www.csdn.net/";
}
var time = document.getElementById("time");
time.innerHTML = second+"";
}
//设置定时器,1秒执行一次
setInterval(fun,1000);
</script>
</head>
<body>
<p>
<span id="time">5</span>秒后,自动跳转首页
</p>
</body>
</html>