0

我创建了两个应该显示和隐藏微调器（iOS Spinner）的函数：

    var overlay;

    function startSpin() {
        var opts = {
                lines: 13, // The number of lines to draw
                length: 11, // The length of each line
                width: 5, // The line thickness
                radius: 17, // The radius of the inner circle
                corners: 1, // Corner roundness (0..1)
                rotate: 0, // The rotation offset
                color: '#FFF', // #rgb or #rrggbb
                speed: 1, // Rounds per second
                trail: 60, // Afterglow percentage
                shadow: false, // Whether to render a shadow
                hwaccel: false, // Whether to use hardware acceleration
                className: 'spinner', // The CSS class to assign to the spinner
                zIndex: 2e9, // The z-index (defaults to 2000000000)
                top: 'auto', // Top position relative to parent in px
                left: 'auto' // Left position relative to parent in px
            };
        var target = document.createElement("div");
        document.body.appendChild(target);
        var spinner = new Spinner(opts).spin(target);
        overlay = iosOverlay({
            text: "Searching ...",
            spinner: spinner
        });

        return false;
    }

    function stopSpin() {
        window.setTimeout(function() {
            overlay.update({
                icon: "img/check.png",
                text: "Success!"
            });
        }, 3e3);

        window.setTimeout(function() {
            overlay.hide();
        }, 5e3);
    }

所以在我的process()函数中，我首先启用微调器，调用另一个从数据库加载数据的函数，然后我停止微调器：

function process() {
     startSpin();
     loadData();
     stopSpin();
}

该loadData()功能非常繁重，这意味着它可能需要几秒钟才能完成。

问题是微调器只有在loadData()函数完成后才会出现。

为什么在loadData()调用函数之前微调器不显示？

4

0 回答 0