实现代码：

复制代码 代码如下:

<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文件。

您可能感兴趣的文章:

  • jquery实现手机发送验证码的倒计时代码
  • JQuery实现倒计时按钮具体方法
  • jquery简单倒计时实现方法
  • 基于jQuery的倒计时实现代码
  • jQuery倒计时代码(超简单)
  • JQuery实现倒计时按钮的实现代码
  • 利用jQuery实现漂亮的圆形进度条倒计时插件
  • jquery 倒计时效果实现秒杀思路
  • jQuery实现倒计时按钮功能代码分享
  • jQuery实现倒计时功能 jQuery实现计时器功能
声明：本站（华域联盟www.cnhackhy.com）所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。