带有setinterval的jquery横幅

带有setinterval的jquery横幅,jquery,setinterval,banner,Jquery,Setinterval,Banner,我为一个网站设计了一个简单的jquery横幅。横幅工作正常,但如何以设置的间隔自动刷新横幅。我已经通过了各种代码,但它不工作。请帮我纠正特定时间间隔内横幅的代码重复 CSS代码: .banner {-webkit-border-radius:6px; -moz-border-radius:8px; border-radius:8px; -khtml-border-radius: 8px; border:#bbd9ef so

我为一个网站设计了一个简单的jquery横幅。横幅工作正常,但如何以设置的间隔自动刷新横幅。我已经通过了各种代码,但它不工作。请帮我纠正特定时间间隔内横幅的代码重复

CSS代码:

 .banner {-webkit-border-radius:6px;    -moz-border-radius:8px;    
              border-radius:8px; -khtml-border-radius: 8px; 
              border:#bbd9ef solid 1px; background:#f5fffa; 
              padding: 5px 0 0 20px; width: 200px; height: 110px; 
             }
  .k, .l, .m, .n {position: relative; top: -200px; text-decoration: none; }
  .n { font-weight: bold; color: red; }
使用jquery1.9.1的脚本代码:

$(document).ready(function() {
    $(".banner a").hide();
    (function() {
        $(".k").show().animate({
            top: "0"
        }, 3000, function() {
            $(".l").show().animate({
                top: "0"
            }, 3000, function() {
                $(".m").show().animate({
                    top: "0"
                }, 3000, function() {
                    $(".n").show().animate({
                        top: "0"
                    }, 3000);
                });
            });
        });
    })();
});
HTML代码:

<div class="banner">
    <a href="#" class="k">Design banner in your ownway</a><br />
    <a href="#" class="l"> Get more taffic and publishers.</a><br/>
    <a href="#" class="m">Still doubt, please do contact:</a><br/><br/>
    <a href="#" class="n">www.freemenu.info</a>
</div>






在显示元素
n
后,设置计时器以重新启动动画

$(document).ready(function () {
    $(".banner a").hide();
    function banner(){
        $(".k").show().animate({
            top: "0"
        }, 3000, function () {
            $(".l").show().animate({
                top: "0"
            }, 3000, function () {
                $(".m").show().animate({
                    top: "0"
                }, 3000, function () {
                    $(".n").show().animate({
                        top: "0"
                    }, 3000, function(){
                        setTimeout(function(){
                            $(".banner a").hide().css('top', '');
                            banner();
                        }, 5000);
                    });
                });
            });
        });
    }
    banner();
});

演示:

刷新是什么意思?再次感谢Arun先生提出正确的代码建议,请使用setintervallike处理代码