javascript - javascriptおよびjQuery libを使用して要素と対話する前に、N秒間存在する要素を待機する実装

Question

次のコードがあります。

var play = function() {
    $(steps).each(function(i, e) {
        $(this).is(':visible') 
            ? $(this).click()
            : console.log($(this).html() + ': not visible');
    });
};

このコードの問題は、要素が表示されている場合にすぐにクリックすることです。ただし、要素をクリックする前に、要素が最大N秒間存在するのを待機/ポーリングしたいと思います。これを実装する方法について何か提案はありますか? ありがとう！

Answer 1

次に、を使用しますsetTimeout()。どのように合格/取得するかはあなた次第ですN

var play = function() {
    $(steps).each(function(i, e) {

        //preserve target since "this" in the timeout may be different
        var target = $(this);

        setTimeout(function(){
            if(target.is(':visible')){
                 target.click();
            }
        },N); //Click and check after N milliseconds

    });
};

Answer 2

どうですか...

setTimeout(function(){ $(this).click(); }, 5000) // 5 sec

Answer 3

var play = function() {
    $(steps).each(function(i, e) {
        $(this).is(':visible') 
            ? setTimeout(function(){ $(this).click(); }, TIME),
            : console.log($(this).html() + ': not visible');
    });
};

ここで、TIMEは待機するミリ秒数です:)