JavaScript案例：页面自动跳转到首页
程序员文章站
2022-05-13 23:52:47
...
案例3：页面自动跳转到首页
<!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>
/*
分析：
1.显示页面的效果<p>
2.倒计时读秒效果实现
2.1定义一个方法，获取span标签，修改标签体内容，时间--
2.2定义一个定时器，1秒执行一次该方法
3.在方法中判断时间如果<=0，则跳转到首页
*/
//2.倒计时读秒效果实现
var second = 5;
var time = document.getElementById("time");
//2.1定义一个方法，获取span标签，修改标签体内容，时间--
function showTime() {
second--;
if(second <= 0) {
location.href = "http://www.baidu.com";
}else{
time.innerHTML = second + "";
}
}
//设置定时器一秒执行一次该方法
setInterval(showTime,1000);
</script>
</body>
</html>
上一篇： servlet跳转到提示框后跳转页面
下一篇： java基础知识点补充---二维数组