服务器之家

服务器之家 > 正文

jQuery实现倒计时跳转的例子

时间:2019-12-03 12:02     来源/作者:ASP.NET教程网

实现代码:

复制代码代码如下:


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

标签:

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
配置IIS网站web服务器的安全策略配置解决方案
配置IIS网站web服务器的安全策略配置解决方案 2019-05-23
Nginx服务器究竟是怎么执行PHP项目
Nginx服务器究竟是怎么执行PHP项目 2019-05-24
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
返回顶部