我的javascript函数仅在浏览器调试器中有断点时运行？

我正在使用ArcGIS Javascript，在地图上有一层图形。当用户滑动“不透明度”范围滑块时，它调用changeOpacity函数，该函数依次调用2个函数：

1） OpenModel函数-将加载的gif置于地图顶部

2） RenderMapacity函数-将地图上的图形重新渲染为指定的不透明度。此函数还将关闭加载gif

正常运行时，将跳过加载GIF的第一个函数，而只执行第二个函数

但是，如果我使用chrome调试器逐步完成javascript代码，一切都会按计划进行

有人能帮我找出什么地方不对吗

renderMapOpacity函数可能需要相当长的时间，因此我希望在处理数据时显示加载的gif

以下是一些相关代码：

滑块的HTML格式：

<input class="slider" type="range" min="0" max="1" step="0.1" value="1" style="width:100%" onchange="MapLibrary.changeOpacity(this.form.id, this.value)" id="slider" />

关于

submitForm

函数的一些注意事项，这将以规则的不透明度渲染贴图。

submitForm

按钮也会调用

openModal

，因此在if语句中不需要它。具体地说，

submitForm

函数调用

openModal

，然后向控制器发送XHR请求，然后调用名为

renderMap

的函数（类似于

rendermapocapity

，它渲染图形并在最后关闭加载的gif）。这种方法可以奇怪地打开和关闭加载gif

---

关于

rendermapocapity

函数的说明，它需要大约10秒才能完成，因此有足够的时间来查看加载的gif旋转。

如果对DOM进行多次更改，则看不到中间步骤，只看到最终结果（除非使用过渡或动画）。您可以放置

setTimeout（）

用于

renderMapOpacity（）

以延长加载gif的时间。您的脚本正在使其显示，但您没有看到它，因为它会在几毫秒内消失。我不认为这是原因，因为RenderMapacity函数需要大约10秒才能完成，所以它不会在几毫秒内消失。另外，我不熟悉DOM是什么。

changeOpacity: function (viewNum, Opacity) {

    if (Opacity == 1) {
        submitForm(viewNum);
    }
    else {
        openModal(viewNum.slice(-1));
        renderMapOpacity((viewNum.slice(-1)), Opacity);
    }
}