无法在 iPhone / iPad 上延迟两个 JavaScript 操作

Question

我显示一个加载微调器，以在设备每次旋转后重新加载自定义 pdf 阅读器（在 html 5 中）。它在 android 设备上运行良好，当我在桌面设备上模拟旋转时，但在 iPad 上，我看不到微调器，就好像显示微调器/重新加载 pdf 阅读器/隐藏微调器的操作在“一枪”。 我试图延迟 pdf 重新加载，直到显示微调器，但这是同一件事。 以下是操作顺序：

window.onorientationchange = function() {
           launchSpinnerThenRotate();
}

function launchSpinnerThenRotate(){
    alert(" i'll launchSpinnerThenRotate");
    showSpinner();
    setTimeout(rotatePdfReader(),1000);
}

我已经尝试了 js 和 jquery 函数来显示/隐藏微调器总是具有相同的效果

function showSpinner(){
    //$('#pdfReaderSpinner').css("visibility" , "visible");
    document.getElementById('pdfReaderSpinner').style.visibility = "visible";
    document.getElementById('pdfReaderSpinner').style.zIndex = 100000000;
}

我不认为问题出在微调器上，我可以在第一次启动页面时正确显示它，但我必须在 document.ready 函数中显示微调器：

$(document).ready(function() { 
    var target = document.getElementById('loadingSpinner');
    spinner = new Spinner({top: 0, left: 0,color:'red'}).spin(target);
    showSpinner();
});

$(window).load(function(){
    initPdfReader();
    hideSpinner();
});

Answer 1

改变这一行：

setTimeout(rotatePdfReader(),1000);

到这里：

setTimeout(rotatePdfReader,1000);

您希望将函数的引用传递给 setTimeout，以便可以在 1 秒内调用它。目前您正在将函数的结果传递给 setTimeout。