javascript - 时间过后屏幕上jQuery消失

嗨，大家好，我想弄清楚在动画开始后的一定时间后，如何使图像显示在屏幕上。

所以我得到一个图像，并且我已经使用css将其放置在我想要的位置。

#laser
{
   position: absolute;
   left: 650px;
}

有人知道我怎么能使动画开始时不显示该图像，而是在3秒钟后出现在我使用CSS放置该图像的那个位置？

编辑：这是我到目前为止的代码。

<div id="laser">
  <img src="images/laser.png" alt="laser">
</div>

#laser
{
   position: absolute;
   left: 650px;
   display: none;
}

然后我只是用了你给我的代码。但这只会阻止其他所有功能。

$('#laser').animate({
    width: '100px',
    height: '100px'
}, 3000, function() {
    $(this).show('slow');
});

链接到我的代码（如果要查看它）：http://jsfiddle.net/wdy5P/5/

最佳答案

使用.animate()方法。在指定的持续时间后，将执行回调中的代码。

$('#laser').animate({
    width: '100px',
    height: '100px'
}, 3000, function() {
    $(this).show('slow');
});