JS和JQ定时跳转页面

版权声明:转载原创文章请以超链接形式请注明原文章出处,尊重作者,尊重原创!


恰饭广告




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

<!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>
    <!-- 云服务器必须引用本地的js库 -->
   <script type="text/javascript" src="jquery-3.2.1.js"></script>
    <script>
            var seconds=6;
            setInterval(function(){
                seconds-=1;
                $("#reduce").html(seconds);
                if(seconds==0){
                     window.open("https://www.idaobin.com/","_blank");//打开测试的页面
                     $("#skip").css({"display":"none"});
                }
            },1000);
    </script>
</head>
<body>
<div id="skip"><span id="reduce">6</span>秒后自动跳转</div>
</body>
</html> 

原文链接:https://www.idaobin.com/archives/213.html

让我恰个饭吧.ヘ( ̄ω ̄ヘ)

支付宝 ——————- 微信
图片加载中图片加载中



恰饭广告

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

37 − 35 =