我在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会立即执行这个匿名函数?
我认为这与传单重新渲染有关,但我不太清楚它是否足以确定。