如何在指定的时间内在页面加载时显示某些内容？ (HTML/Javascript)答案

【问题标题】：How to display something upon page load for a specified amount of time? (HTML/Javascript)如何在指定的时间内在页面加载时显示某些内容？ (HTML/Javascript)
【发布时间】：2017-05-14 20:07:22
【问题描述】：

查看这个 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 秒，我希望它完全停止，直到图像完成旋转。

【问题讨论】：

你试过了吗？

标签： javascript jquery html css dom

【解决方案1】：

您可以像这样在 JQuery 中使用 setTimeout 来做到这一点：

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

小提琴Link

【讨论】：

这是完美的。谢谢。