其他分享
首页 > 其他分享> > js2——定时跳转

js2——定时跳转

作者:互联网

<!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>

 

 

标签:span,showtime,标签,time,second,js2,跳转,定时
来源: https://www.cnblogs.com/soyadios/p/11963426.html