<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自动跳转</title>
<style>
p{
text-align: center;
}
span{
color: red;
}
</style>
<script>
/*
* 分析：
* 1、显示页面的效果<p>
2、倒计时读秒数效果
* 2.1定义一个方法获取span标签修改span标签体内的内容，时间
* 2.2定义一个定时器1秒执行一个方法
* 3、在方法中判断时间如果<=0,则跳转至首页
*
* */
var second=5;
var
time=document.getElementById("time");
function showtime() {
//定义一个方法，获取span标签，修改span标签体内容、事件
second--;
if (second<=0){
location.href="https://www.baidu.com";
}
time.innerHTML=second+"";
}
setInterval(showtime,1000);
</script>
</head>
<body>
<p>
<span id="time">5秒</span>之后自动跳转至首页。。。
</p>
</body>
</html>
