虽然未定义变量 - 等待

Question

我有一个click事件是第一次自动从另一个地方触发.我的问题是它运行得太快,因为Flash和Web服务仍然定义了所需的变量.所以现在我有:

(function ($) {
    $(window).load(function(){
        setTimeout(function(){
            $('a.play').trigger("click");
        }, 5000);
    });
})(jQuery);

问题是互联网连接速度慢的人5秒钟可能太快,反之亦然,对于网速较快的人来说,速度太慢.

那么在someVariable定义之前我应该​​怎么做延迟或超时？

Answer 1

以下将继续寻找someVariable,直到找到它为止.它每0.25秒检查一次.

function waitForElement(){
    if(typeof someVariable !== "undefined"){
        //variable exists, do what you want
    }
    else{
        setTimeout(waitForElement, 250);
    }
}

Answer 2

我更喜欢这段代码:

function checkVariable() {

   if (variableLoaded == true) {
       // Here is your next action
   }
 }

 setTimeout(checkVariable, 1000);

Answer 3

我更喜欢这样简单的事情：

function waitFor(variable, callback) {
  var interval = setInterval(function() {
    if (window[variable]) {
      clearInterval(interval);
      callback();
    }
  }, 200);
}

然后将它与您的示例变量一起使用someVariable：

waitFor('someVariable', function() {
  // do something here now that someVariable is defined
});

请注意，您可以进行各种调整。在上面的setInterval调用中，我传递200了间隔函数应该运行的频率。在检查变量之前，还有一段固有的延迟时间（~200 毫秒）——在某些情况下，立即检查它是很好的，这样就没有延迟。

Answer 4

使用Ecma Script 2017，您可以使用async-await和while一起执行此操作，而不会崩溃或锁定程序，即使变量永远不会为真

//First define some delay function which is called from async function
function __delay__(timer) {
    return new Promise(resolve => {
        timer = timer || 2000;
        setTimeout(function () {
            resolve();
        }, timer);
    });
};

//Then Declare Some Variable Global or In Scope
//Depends on you
let Variable = false;

//And define what ever you want with async fuction
async function some() {
    while (!Variable)
        await __delay__(1000);

    //...code here because when Variable = true this function will
};
////////////////////////////////////////////////////////////
//In Your Case
//1.Define Global Variable For Check Statement
//2.Convert function to async like below

var isContinue = false;
setTimeout(async function () {
    //STOPT THE FUNCTION UNTIL CONDITION IS CORRECT
    while (!isContinue)
        await __delay__(1000);

    //WHEN CONDITION IS CORRECT THEN TRIGGER WILL CLICKED
    $('a.play').trigger("click");
}, 1);
/////////////////////////////////////////////////////////////

同样在这种情况下，您不必使用setTimeout，只需将就绪函数设为异步...

Answer 5

async, await实施，对@Toprak的答案进行了改进

(async() => {
    console.log("waiting for variable");
    while(!window.hasOwnProperty("myVar")) // define the condition as you like
        await new Promise(resolve => setTimeout(resolve, 1000));
    console.log("variable is defined");
})();
console.log("above code doesn't block main function stack");

在重新审查OP的问题之后。实际上，有一种更好的方法可以实现预期的目标：“变量集回调”。尽管以下代码仅在所需变量由对象（或窗口）封装而不是由let或声明的情况下才有效var（我留下了第一个答案，因为我只是对现有答案进行了改进，而没有实际阅读原始问题）：

let obj = encapsulatedObject || window;
Object.defineProperty(obj, "myVar", {
    configurable: true,
    set(v){
        Object.defineProperty(obj, "myVar", {
            configurable: true, enumerable: true, writable: true, value: v });
        console.log("window.myVar is defined");
    }
});

参见Object.defineProperty 或使用es6代理（这可能是过大的）