Невозможная встроенная задержка/сон Javascript

NB Это чрезвычайно хакерский подход, и я бы не стал использовать его ни в одной реальной ситуации. Среди других потенциальных проблем, при наличии достаточного трафика вы можете в конечном итоге заняться DDOS-атакой.

Вы можете создать функцию сна, выполнив неасинхронные вызовы (A)JAX. В некоторых старых браузерах это может заморозить все, но, по крайней мере, это не потребует какой-либо реакции пользователя.

while (!iFrameLoaded)
{
    if (XMLHTTPRequest) {
        var request = new XMLHttpRequest();
    } else {
        var request = new ActiveXObject("Microsoft.XMLHTTP");
    }

    request.open('GET', 'anyoldfile.htm', false);
    request.send();

    // check if the iframe is loaded and set iFrameLoaded
}

Да, тот факт, что javascript является однопоточным, действительно кусает вас здесь. Вы можете использовать синхронный вызов ajax для намеренно медленной страницы, чтобы имитировать сон, но вы не получите желаемых результатов. Почему бы вам просто не убедиться, что ваш IFrame загружен до вызова неизменяемой функции?

Что вам действительно нужно, так это событие, которое будет запускаться при загрузке содержимого iFrame. На самом деле это очень просто, потому что страница внутри iFrame имеет свои собственные события и может обращаться к сценариям на родительской странице. Однако вам нужно будет иметь возможность изменять содержимое iFrame.

В вашем iFrame вам понадобится этот фрагмент кода

// Use whichever DOMReady function you like, or window.onload would work
window.addEventListener('DOMContentLoaded', function() {
    if (parent.window.myFunction) {
        parent.window.myFunction();
    }
}, false);

Затем на родительской странице создайте функцию под названием «myFunction» и поместите туда все сценарии, которые вам нужно запустить. Это должно работать каждый раз.

Редактировать: чтобы заставить это работать, вам действительно нужны две функции. Я предполагаю, что это действительно не вариант, поэтому мы взломаем одну функцию, чтобы она содержала две функции и вызывала правильную часть, когда нам это нужно.

function onlyThingYouCanChange(stringOrObject) {
    function createIFrame(objectToAppendIFrameTo) {
        // This comment represents all the code that appends your iFrame
    }
    function onIFrameReady() {
        // This comment represents all the stuff you want to happen when the iFrame is ready
    }

    // The bones of it
    if (stringOrObject === "iFrameLoaded") {
        onIFrameReady();
    } else {
        createIFrame(stringOrObject);
    }
}

Сценарий в iFrame теперь должен быть изменен на что-то вроде этого:

// Use whichever DOMReady function you like, or window.onload would work
window.addEventListener('DOMContentLoaded', function() {
    if (parent.window.onlyThingYouCanChange) {
        parent.window.onlyThingYouCanChange('iFrameLoaded');
    }
}, false);

не проверял, но по идее должно сработать

Удивительно простой ;-} ответ с использованием XPCOM:

// Get instance of the XPCOM thread manager.
var threadManager=Components.classes['@mozilla.org/thread-manager;1'].getService(
                      Components.interfaces.nsIThreadManager);
// Release current thread.
function doThread() {threadManager.currentThread.processNextEvent(false);};

// Event enabled delay, time in ms.
function delay(time) {
  var end;
  var start=Date.now();
  do {
    end=Date.now();
    doThread();
  } while ((end-start) <= time);
}

Работает в последней версии Firefox. Извините, нет надежды на Explorer!

В этом случае может помочь рекурсивная функция. просто вызывайте функцию до тех пор, пока глобальная переменная не укажет, что кадр загружен

var iFrameStarted = false; //you need two global vars
var iFrameLoaded  = false;


function onlyThingYouCanChange(objectToAppendIFrameTo)
{
  if (iFrameLoaded=false)  // if the frame has loaded then you are done. skip everything and return iframe
  { if (iFrameStarted = false) //otherwise start the frame if it has not been
  {
   iFrameStarted = true;
   iframe=document.createElement('iframe');
   iframe.onload = new Function('iFrameLoaded = true');
   iframe.src = 'blank_frame.html'; //Must use an HTML doc on the server because there is a very specific DOM structure
   objectToAppendIFrameTo.appendChild(iframe);
   var it = 0;
   for (i=0;i<10000;i++) {}  //slow down execution so you are not recursing yourself to death
   onlyThingYouCanChange(objectToAppendIFrameTo);   //start the recursion process

  }
  else  //the frame has been started so continue recursion until the frame loaded
  {
   for (i=0;i<10000;i++) {}  //slow down execution so you are not recursing yourself to death
   onlyThingYouCanChange(objectToAppendIFrameTo);   recursively call your function until the frame is loaded

  }

}

return iframe;  //you only get here when all the recursions are finished   
}

Почему нельзя изменить базовый код? Например, может быть довольно просто изменить основную функцию с

function unChangeableFunction()
{
    new_iFrame = onlyThingYouCanChange(document.getElementById('iFrameHolder'));
    new_iFrame_doc = (new_iFrame.contentWindow || new_iFrame.contentDocument);
    if(new_iFrame_doc.document)new_iFrame_doc=new_iFrame_doc.document;
    new_iFrame_body = new_iFrame_doc.body;
    if(new_iFrame_body.innerHTML != 'Loaded?')
    {
        //The world explodes!!!
        alert('you just blew up the world!  Way to go!');
    }
    else
    {
        alert('wow, you did it!  Way to go!');
    }
}

Что-то вроде этого:

function unChangeableFunction()
{
    var new_iFrame = onlyThingYouCanChange(document.getElementById('iFrameHolder'));
    new_iFrame.onload = function()
    {
        new_iFrame_doc = (new_iFrame.contentWindow || new_iFrame.contentDocument);
        if(new_iFrame_doc.document)new_iFrame_doc=new_iFrame_doc.document;
        new_iFrame_body = new_iFrame_doc.body;
        if(new_iFrame_body.innerHTML != 'Loaded?')
        {
            //The world explodes!!!
            alert('you just blew up the world!  Way to go!');
        }
        else
        {
            alert('wow, you did it!  Way to go!');
        }
    };
}

Если это не работает для вас, как насчет прозрачной модификации исходного кода? Скомпилируйте его с помощью Javascript Strands и используйте для этого встроенную поддержку фьючерсов. Обратите внимание, что Javascript 1.7 также поддерживает продолжения, но для их использования потребуется изменить код вручную.

Еще одно решение, которое может оказаться неприменимым, в зависимости от того, насколько вы упростили исходный код. Вы можете установить обработчик загрузки, затем выдать ошибку, а затем вызвать unChangeableFunction в обработчике загрузки:

function onlyThingYouCanChange(objectToAppendIFrameTo)
{
    // using global variable func_called
    if (!func_called) {
        func_called = true;
        var iframe=document.createElement('iframe');
        iframe.src = 'blank_frame.html';
        iframe.id = 'myIframe';
        iframe.onload = function() {
            unChangeableFunction();
        };
        objectToAppendIFrameTo.appendChild(iframe);

        throw new Error('not an error');
    } else {
        return document.getElementById('myIframe');
    }
}

Эта функция (как и unChangeableFunction) будет вызываться дважды: один раз в первом экземпляре, а затем еще раз при срабатывании обработчика onload. Два разных пути отражают это.

Опять же, это хакерство и явное злоупотребление функциональностью ошибок JS.

вы можете использовать cookie и setTimeout следующим образом:

в Blank_frame.html добавьте скрипт:

<script type="text/javascript">
function deleteCookie(cookie_name)
{
  var cookie_date=new Date();
  cookie_date.setTime(cookie_date.getTime()-1);
  document.cookie=cookie_name+="=;expires="+cookie_date.toGMTString();
}
function setCookie(name,value,expires,path,domain,secure){
    document.cookie=name+"="+escape(value)+((expires)?"; expires="+expires.toGMTString():"")+((path)?"; path="+path:"")+((domain)?"; domain="+domain:"")+((secure)?"; secure":"");
}

window.onload=function(){
    setCookie('iframe_loaded','yes',false,'/',false,false);
}
</script>

По сути, вы добавляете файл cookie iframe_loaded со значением yes. ИМО, лучше удалить куки, так как вам нужно сделать то же самое, если вы перезагрузите страницу. Вы также можете установить домен в вызове функции setCookie.

Теперь в основном файле мы будем использовать setTimeout с функцией, которая проверит, существует ли файл cookie, и если он существует, функция вернет iframe, как в вашем коде:

function onlyThingYouCanChange(objectToAppendIFrameTo)
{
    function get_cookie(cookie_name){
        var results = document.cookie.match('(^|;) ?'+cookie_name+'=([^;]*)(;|$)');
        return results?unescape(results[2]):null;
    }
    function deleteCookie(cookie_name){
        var cookie_date=new Date();
        cookie_date.setTime(cookie_date.getTime()-1);
        document.cookie=cookie_name+="=;expires="+cookie_date.toGMTString();
    }

    iFrameLoaded = false;
    iframe=document.createElement('iframe');
    iframe.onload = new Function('iFrameLoaded = true');
    iframe.src = 'blank_frame.html'; //Must use an HTML doc on the server because there is a very specific DOM structure that must be maintained.
    objectToAppendIFrameTo.appendChild(iframe);
    var it = 0;

    function checkiframe(){
        if(get_cookie('iframe_loaded')=="yes"){
            alert('iframe loaded');
            deleteCookie('iframe_loaded');
            return iframe;
        }else{
            setTimeout(checkiframe,1000);
        }
    }

    checkiframe();
}

Поскольку отказоустойчивый файл cookie также удаляется в этом файле. Надеюсь, это даст вам что-то для работы :)

Ваше здоровье

G.