先看效果
具体实现步骤
1、显示页面效果
2、实现倒计时读秒效果
2.1 定义一个方法,获取span标签,修改span标签体内容
2.2 定义一个定时器,一秒执行以此该方法
具体代码
<!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>
<style>
p{
text-align: center;
}
#time{
color: red;
}
</style>
</head>
<body>
<p>
<span id="time">5</span>秒之后自动跳转到首页...
</p>
<script>
var time = document.getElementById("time");
var count = 5;
function shift(){
count--;
if(count<=0){
location.href = ("https://www.baidu.com");
}
time.innerHTML = count+"";
}
var id = setInterval(shift,1000);
</script>
</body>
</html>