服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - jQuery实现倒计时跳转的例子

jQuery实现倒计时跳转的例子

2019-12-03 12:02ASP.NET教程网 ASP.NET教程

这篇文章主要介绍了jQuery实现倒计时跳转的例子,需要的朋友可以参考下

实现代码:

复制代码代码如下:


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

延伸 · 阅读

精彩推荐