华域联盟 .Net jQuery实现倒计时跳转的例子

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

您可能感兴趣的文章:

  • jquery实现手机发送验证码的倒计时代码
  • JQuery实现倒计时按钮具体方法
  • jquery简单倒计时实现方法
  • 基于jQuery的倒计时实现代码
  • jQuery倒计时代码(超简单)
  • JQuery实现倒计时按钮的实现代码
  • 利用jQuery实现漂亮的圆形进度条倒计时插件
  • jquery 倒计时效果实现秒杀思路
  • jQuery实现倒计时按钮功能代码分享
  • jQuery实现倒计时功能 jQuery实现计时器功能

本文由 华域联盟 原创撰写:华域联盟 » jQuery实现倒计时跳转的例子

转载请保留出处和原文链接:https://www.cnhackhy.com/54361.htm

本文来自网络,不代表华域联盟立场,转载请注明出处。

作者: sterben

发表回复

联系我们

联系我们

2551209778

在线咨询: QQ交谈

邮箱: [email protected]

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部