Jquery 如何使隐藏的div显示然后淡出（如果可能，在随机时间）？

基本上，我正在创建一种8位的城市场景

我有三个部门：

#城市背景-城市背后的背景
#城市中心-当前显示的我想要的分区“随机闪烁”：无
#城市前沿-8位城市的形象

我需要的是#city middle div突然出现，然后在半秒钟后迅速消失，以模拟远处的雷电

有没有可能让它在3-8秒之间的随机间隔内这样做，使它看起来更真实，而不是看起来像一个循环动画

我已经尝试过通过jQuery查找方法，但是这对我来说太高级了一点

编辑：所以我已经将我目前拥有的上传到了jsfiddle jsfiddle.net/At8et/1/
我可以在本地运行的浏览器上正常工作，但在JSFIDLE上不行？

这应该可以

function flash(){
    setTimeout(function(){
        $("#city-middle").show();
        setTimeout(function(){
            $("#city-middle").fadeOut("fast");
        },100);
        flash();
    },(Math.random()*5000)+200);
}

使用

Math.random（）

（）和

window.setTimeout（）

（）

---

请向我们展示您迄今为止所做的尝试。对so进行一些搜索和/或阅读jQuery文档。这里有一些免费的自由职业者，但不多。你想用jQuery做什么是可能的，但你应该把你的标记作为代码或小提琴来发布。抱歉，伙计们，第一次使用这个网站。刚刚意识到我需要重新开始，因为我把城市前线作为城市中心的一个孩子！我将很快发布修改后的标记..使用Sumurai8的代码上传到JSFIDLE这个对我来说非常有用！我变了。藏起来。消失。一个问题是，我需要showCity真正地出现，然后在一瞬间启动隐藏/淡出，而不是在0.2-1之间。当我将200+（Math.random（）*800更改为一个数值时，它不起作用。我做错了什么吗？别担心，忘了删除一个额外的括号！现在一切都很好，谢谢！

//Show, then hide again after 0.2 - 1 seconds
function showCity() {
  $('#city-middle').show();
  window.setTimeout( hideCity, 200 + (Math.random() * 800) );
}

//Hide, then show again after 3-8 seconds
function hideCity() {
  $('#city-middle').hide();
  window.setTimeout( showCity, 3000 + (Math.random() * 5000) );
}

hideCity();