JS定时跳转页面

原生js代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
var second=6;
function C(){
second-=1;
document.getElementById("final").innerHTML=second;
if(second==0){
window.open("Test.html","_blank");//打开测试的页面
document.getElementById("DaoJSBQ").style.display = "none";
}
}
setInterval("C()",1000);
</script>
</head>
<body>
<!-- 可能会被浏览器阻止 允许运行就可以看到效果 -->
<p id="DaoJSBQ"><span id="final">6</span>秒后自动跳转</p>
</body>
</html>

查看演示

jq代码（思路是一样的）

不要忘记加载js库

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="JS/jquery-3.2.1.js"></script>
    <script>
            var seconds=6;
            setInterval(function(){
                seconds-=1; 
                $("#reduce").html(seconds);
                if(seconds==0){
                     window.open("Test.html","_blank");//打开测试的页面
                     $("#skip").css({"display":"none"});
                }            
            },1000);
    </script>
</head>
<body>
<div id="skip"><span id="reduce">6</span>秒后自动跳转</div>
</body>
</html>

查看演示

效果如图：谷歌浏览器

6秒倒计时

JS定时跳转页面

倒计时完成后跳转到另一个标签页面

JS定时跳转页面

秒客网

JS定时跳转页面

相关文章