如何自动刷新div id=“Menu_bar”？

首先，我知道这里有很多关于同一主题的问题，是的，我读过大多数问题，可惜我似乎无法处理这些信息，所以我希望有人能为我指出正确的方向，帮助我解决问题。

在我的网站目录设置上，比较不同的部分是 'included' ，这是为了更改网站时能更简单。但我的重点是，在整个footer.php页面中，在tag之前：

<script type="text/javascript" src="jquery/jquery-1.9.0.js"></script>
<script type="text/javascript" src="js/general.js"></script>

general.js文件来自我看到的一个教程。

所以我想要的是重新加载一个div id=“Menu_bar”，其中有一个Navin，它是为我的菜单在屏幕顶部设置的，在那里我设置了一个收件箱系统，这就是我想要进行自动刷新的原因，所以它基本上会显示我有一条消息，而不是需要按F5来检查。另外，我计划建立一个通知系统，我猜这将是一个适当的方式来表明我有通知。我对jQuery、Ajax和其他大多数东西都非常陌生，所以我的代码是从各种教程中整理出来的，下面是我现有的代码：

$(document).ready( function(){
$('#menu_bar').load('includes/menu.php');
refresh();
});

function refresh()
{
setInterval( function() {
    $('#menu_bar').fadeOut('slow').load('includes/menu.php').fadeIn('slow');
    refresh();
}, 3000);
}

有人能告诉我哪里出了问题？为什么出了错？这样我就可以试着去解决它？谢谢！

You shouldn't call refresh() inside the setInterval function,or use setTimeout instead