在Phonegap上替换DIV中的图像

Question

我在PhoneGap中编写应用程序，我需要创建一个函数：

单击“播放”按钮后，在DIV中显示一个图像，3秒后它会自动更改为另一个图像。

<div id="imgtrening">
      <div class="cw1a" style="display: none" ><img style="width:100%"; src="images/cw1a.jpg" alt=""></div>
      <div class="cw1b" style="display: none" ><img style="width:100%"; src="images/cw1b.jpg" alt=""></div>
</div>

点击按钮id =“play”后：

document.getElementById('play').onclick = function() {
     $('.cw1a').css('display', 'block')
     sleep(3000);
     $('.cw1a').css('display', 'none')
     $('.cw1b').css('display', 'block')
};

不幸的是，我的应用程序等待3秒并显示第二个图像（我看不到动画效果）（睡眠是另一个等待3000毫秒的函数）:(

Answer 1

这是因为.css('display', 'block')或.css('display', 'none')没有动画效果。

使用.animate()。