ページの読み込み時に指定時間内に何かを表示するには？ （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秒）のために、Webページのロード時に回転したいです。 CSS/Javascriptを使用してこれをどのように達成できますか？ 注：スクリプトを5秒間実行したくないので、イメージが回転を終了するまで完全に停止します。あなたはこのようなjQueryのでsetTimeoutを使用してこれを行うことができます

Answer 1

：

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

フィドルLink