javascript - 按指定时间间隔自动发起点击事件

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/