代码之家  ›  专栏  ›  技术社区  ›  Dennis

在指定的时间间隔自动启动单击事件

  •  0
  • Dennis  · 技术社区  · 12 年前

    如何在我设置的时间间隔内自动单击事件

     <div class="nav">
                <img class="logo" src="images/logo.png" alt="LOGO" />
                <ul class="navright">
                    <li><a class="navlink select ho" href="#">HOME</a>•</li>
                    <li><a class="navlink ab" href="#">ABOUT US</a>•</li>           
                    <li><a class="navlink pg" href="#">PRODUCTS</a>•</li>           
                    <li><a class="navlink ps" href="#">SERVICES</a>•</li>           
                    <li><a class="navlink cs" href="#">CONTACT US</a></li>          
                </ul>   
            </div>  
    

    我的jquery是这样的

    $(document).ready(function () {
        var myInterval = true;
         myInterval = setInterval(function () {
            var iScroll = $(window).scrollTop();
            if (iScroll + $(window).height() == $(document).height()) {
                clearInterval(myInterval);
            } else {
                iScroll = iScroll + 200;
                $('html, body').animate({
                    scrollTop: iScroll
                }, 1000);
            }
        }, 2000);
    });
    
    1 回复  |  直到 12 年前
        1
  •  4
  •   Irvin Dominin    12 年前

    您可以使用 eq 并使用 trigger .

    代码:

    $(document).ready(function () {
        var totDivs = $(".navright li").length;
        var currDiv = 0;
        var myInterval = setInterval(function () {
            if (currDiv > totDivs) {
                clearInterval(myInterval);
                return
            }
            $(".navright li").eq(currDiv).find('a').trigger("click");
            currDiv++;
    
        }, 2000);
    });
    
    $(document).on("click", "a", function () {
        alert($(this).text());
    });
    

    演示: http://jsfiddle.net/IrvinDominin/Dysq6/