页面五秒后自动跳转到首页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自动跳转</title>
<style>
p{
text-align: center;
}
span{
color: red;
}
</style>
</head>
<body>
<p><span id="time">5</span>秒之后跳转首页......</p>
<script>
//定义一个方法,获取span标签,修改span的内容
var second = 5;
var time = document.getElementById("time");
//读秒效果实现
function showTime() {
second --;
time.innerHTML = second+"";
if (second<=0){
location.href = "https://www.baidu.com";
}
}
//定义一个计时器,执行该方法
setInterval(showTime,1000);
</script>
</body>
</html>