自动跳转页面

最新推荐文章于 2024-04-04 09:48:08 发布

anzuo20142

最新推荐文章于 2024-04-04 09:48:08 发布

阅读量186

点赞数

原文链接：http://www.cnblogs.com/newcityboy/p/11406238.html

版权

<!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>
 var second = 5 ;
 var time = document.getElementById("time");
 function showTime() {
 second--;
 if(second <= 0){
 location.href = "https://www.baidu.com"
 }
 time.innerHTML=second+"";
 }

setInterval(showTime,1000);

 </script>
</body>
</html>