jQuery实现倒计时跳转的例子

时间:2022-05-08 14:28:19

实现代码:

复制代码代码如下:


<html> 
  <head> 
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>跳转页面</title>  
    <script src="jquery.js"></script>
    <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="http://jb51.net"; 
                    } 
                }, 1000); 
            } 
            jump(3); 
        }); 

// --></script> 
  </head>     
  <body>   
    <span style="color:red">欢迎来到jb51.net!</span><br/>jb51.net页面将在3秒后跳转...<br/>还剩<span id="num">3</span>秒
  </body> 
</html>


可以复制代码并保存到文件中,直接用浏览打开测试效果,注意引入jquery.js文件。