tabs自动切换功能的实现

文章列表中列出的最新、7天热门、30天热门这三个选项卡每隔5秒钟自动切换，当鼠标悬停到某选项卡的时候，则暂停轮换，移开后，继续切换。代码设计思路如下：

1. 设置一个定时器timer()，每隔5秒钟对标签页进行切换一次。
2. 在网页加载完以后就运行该定时器。
3. 当用户鼠标悬停到某个标签页上时，清除该（clearInterval）定时器。
4. 鼠标移开后，继续使用定时器。

//tabs自动轮换
function timer(i)
{
    interval=setInterval(function()
{
    $("#docTabs li:eq("+i+") a").tab('show');
    i++;
    if(i>2)
    i=0;
   }
,5000);
return interval;
}
$(function(){
var i=0;
interval=timer(i);
//当鼠标悬停在列表区域时暂停轮换
$(".tab-pane").mouseover(function(){
        clearInterval(interval);
    });
//鼠标移开时继续轮换
$(".tab-pane").mouseout(function(){
       timer(i);
    });
});