javascript - 在函数执行时显示 javascript 加载程序图像

Question

我想点击一个按钮，显示一个加载器图像，执行一个耗时的函数，隐藏加载器图像。当我尝试这样做时，页面会卡住，直到整个事件运行为止，因此永远不会看到加载程序图像。

这是一个示例:

$('#btn').click(function() {
    $('#LoadingImage').show();
    <time consuming function>
    $('#LoadingImage').hide();
});

如何清楚地显示加载器图像、更新屏幕、运行函数、隐藏加载器图像？

Answer 1

尽管您所拥有的应该可以工作，但请尝试这样做:

$('#btn').click(function() {
    $('#LoadingImage').show();
    setTimeout(function() {
        <time consuming function>
        $('#LoadingImage').hide();
    }, 0);
});

这将转义事件的调用堆栈。

如果这不起作用，请发布更多关于这个神秘耗时函数的详细信息。