如何在页面加载时显示指定时间内的内容？ （HTML / JavaScript）的

Question

见这个Jsfiddle：http://jsfiddle.net/gionaf/Ugc5g/

<img class="image" 
src="http://makeameme.org/media/templates/120/grumpy_cat.jpg" alt="" 
width="120" height="120">

我希望像这样的图像在网页加载时旋转一段时间（比方说，5秒）。 如何使用CSS / Javascript实现这一目标？ 请注意：我不希望脚本继续运行5秒钟，我希望它完全停止，直到图像完成旋转。

Answer 1

你可以在JQuery中使用setTimeout这样做：

$(document).ready(function(){
setTimeout(function(){ 
$('.image').fadeOut("slow"); 
},5000)      //for 5 seconds
})

小提琴Link