Cordova - 使用匿名函数立即触发的setTimeout

Question

我在Android应用中使用Cordova，Kendo ui和leafletjs地图。当我打开一个特定视图时我想要做的是得到一个div出现，等待三秒钟，然后隐藏div。这应该很简单，但无论我在超时时间内的长度，div总是会出现并立即消失。我首先尝试使用Jquery show并隐藏，但后来读到使用Phonegap添加和删除类更好。

JS：

utils.hideLoading();        // calls kendo hideLoading function
$("#myDiv").removeClass( "opacityOff" );
$("#myDiv").addClass( "opacityOn" );
setTimeout(function(){
    $("#myDiv").removeClass( "opacityOn" );
    $("#myDiv").addClass( "opacityOff" );
}, 3000);

的CSS：

#myDiv.opacityOff{
  display:none;
  opacity:0;
}

#myDiv.opacityOn{
  display:block;
  opacity:1;
}    

#myDiv{
  width: 11em;
  height: 11em;
  position: relative;
  margin: 50% auto 0 auto;
  margin: 32vh auto 0 auto; 
  background-color:#000000;
  border-radius:50%;
}

为什么setTimeout会立即执行这个匿名函数？

我认为这与传单重新渲染有关，但我不太清楚它是否足以确定。