IE和Edge中GIF图像的延迟开始

Question

我正在尝试在我的网站上显示旋转的图像。我已经很简单地尝试了，就像下面的HTML->

<div id="wait" style="display:none;width:300px;height:300px;position:absolute;top:50%;left:50%;padding:2px;">
<img src='image/spinner.gif' width="300" height="300" />
</div>
并且只需从Jquery更改其显示属性，如下所示-

<script type="text/javascript">
        $("#example").on("click", "tbody tr td:nth-child(3)", function() {
            **$("#wait").css("display", "block");**
            var $name = $(this).text();
            var $name2 = $(this).closest('td').prev('td').text();
            var $name3 = $name.concat("&&val=", $name2);
            var uid = getUrlVars()["uid"];
            var fid = getUrlVars()["fid"];
            var url1 = 'logapi1.php?query=' + $name + '&&val=' + $name2;
            var url2 = 'logapi2.php?query=' + $name + '&&val=' + $name2;
            var url3 = 'logapiheader.php?query=' + $name + '&&val=' + $name2;
            var url4 = 'logapifull.php?query=' + $name + '&&val=' + $name2;
            var url5 = 'logapinum.php?query=' + $name + '&&val=' + $name2;
            var urls = [url1, url2, url3, url4, url5];
            console.log(urls);
            $.each(urls, function(i, u) {
                $.ajax(u, {
                    type: "POST",
                    datatype: "JSON",
                    async: false,
                    success: function() {
                        return true;
                    }
                });
            });
            window.location = "logpage02.php?query=" + $name3 + "&&uid=" + uid + "&&fid=" + fid;
        });
        </script>
这正在IE11，Edge和Firefox中运行。

但是问题是，在FF中，Gif在单击td链接后立即启动。而在IE＆Edge中，其启动时间为数毫秒。例如，对于2秒的延迟，在FF中，gif是在单击链接并停留2秒后立即开始的。但是对于IE＆Edge，它几乎在1秒后开始，并持续1秒。

我知道这不是大问题，仍然想知道为什么会这样。

我正在尝试在我的网站上显示旋转的图像。我已经像下面的HTML一样很简单地尝试了它-

Answer 1

我试图运行您显示的代码。我发现IE，Edge和Google没有运动延迟。您可以检查旋转图像是否有问题。