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

时间:2016-11-30 19:32:49

标签: javascript jquery cordova kendo-ui leaflet

我在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会立即执行这个匿名函数?

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

0 个答案:

没有答案