Jquery实现页面定时跳转
Jquery实现页面定时跳转
黄灿锋 发表于6个月前
Jquery实现页面定时跳转
  • 发表于 6个月前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

<!DOCTYPE>  
    <html>    
        <head>    
            <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
            <title>跳转页面</title>     
            <mce:script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" mce_src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
            </mce:script>      
            <mce:script language="javascript">
                $(document).ready(function() {    
                    function jump(count) {    
                        window.setTimeout(function(){    
                            count--;    
                            if(count > 0) {    
                                $('#num').attr('innerHTML', count);    
                                jump(count);    
                            } else {    
                                location.href="login.jsp";    
                            }    
                        }, 1000);    
                    }        
                    jump(3);    
                });    
            </mce:script>    
        </head>        
        <body>      
            <span style="color:red" mce_style="color:red">欢迎来到我的个人博客!</span><br/>页面将在3秒后跳转...<br/>还剩<span id="num">3</span>秒  
        </body>    
    </html>

共有 人打赏支持
粉丝 0
博文 3
码字总数 1898
×
黄灿锋
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: