Question

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

 <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);
});

Answer 1

您可以使用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/

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

1 个答案: