Javascript 如果鼠标不移动，jQuery

我正计划创建这样的效果，当观看视频（如Youtube）时，鼠标不移动几秒钟，底部的栏和光标将自动隐藏，如果再次移动鼠标，光标和栏将自动显示。有什么建议吗？谢谢

var倒计时；
$（“.stage”）.hover（函数（）{
$（“.bar”）.fadeIn（）；
清除超时（倒计时）；
});
倒计时=设置超时（函数（）{
$（“.bar”）.fadeOut（）；
}, 5000);
$（“.stage”）。悬停(
函数（e）{$（“.bar”）.fadeIn（）；}，//结束
函数（e）{$（“.bar”）.fadeOut（）；
}//出去
);
.stage{
高度：400px；
宽度：自动；
背景：#ccc；
}
.酒吧{
高度：20px；
宽度：自动；
背景：#000；
显示：无；
}

jQuery中有一个函数称为可用于您的目的。
jQuery中有一个函数称为可用于您的目的。
jQuery中有一个函数称为可用于您的目的。
jQuery中有一个函数称为可用于您的目的。
这是一个可行的方法示例：。您应该使用
mousemove
在
.bar
消失时显示它

$(".stage").hover(function() {
  $(".bar").fadeIn();
    fadeOutBar();
}, function(e){
    $(".bar").fadeOut();
});
$('.stage').mousemove(function() {
    $(".bar").fadeIn();
    fadeOutBar();
});
function fadeOutBar() {
    setTimeout(function() {
      $(".bar").fadeOut();
    }, 2000);
}

下面是一个工作示例：。您应该使用
mousemove
在
.bar
消失时显示它

$(".stage").hover(function() {
  $(".bar").fadeIn();
    fadeOutBar();
}, function(e){
    $(".bar").fadeOut();
});
$('.stage').mousemove(function() {
    $(".bar").fadeIn();
    fadeOutBar();
});
function fadeOutBar() {
    setTimeout(function() {
      $(".bar").fadeOut();
    }, 2000);
}

下面是一个工作示例：。您应该使用
mousemove
在
.bar
消失时显示它

$(".stage").hover(function() {
  $(".bar").fadeIn();
    fadeOutBar();
}, function(e){
    $(".bar").fadeOut();
});
$('.stage').mousemove(function() {
    $(".bar").fadeIn();
    fadeOutBar();
});
function fadeOutBar() {
    setTimeout(function() {
      $(".bar").fadeOut();
    }, 2000);
}

下面是一个工作示例：。您应该使用
mousemove
在
.bar
消失时显示它

$(".stage").hover(function() {
  $(".bar").fadeIn();
    fadeOutBar();
}, function(e){
    $(".bar").fadeOut();
});
$('.stage').mousemove(function() {
    $(".bar").fadeIn();
    fadeOutBar();
});
function fadeOutBar() {
    setTimeout(function() {
      $(".bar").fadeOut();
    }, 2000);
}

如果要删除旧的悬停和重新悬停元素，请首先隐藏.bar

$('.stage').mousemove(function() {
   $(".bar").hide();
   $(".bar").fadeIn();
});

如果要删除旧的悬停和重新悬停元素，请首先隐藏.bar

$('.stage').mousemove(function() {
   $(".bar").hide();
   $(".bar").fadeIn();
});

如果要删除旧的悬停和重新悬停元素，请首先隐藏.bar

$('.stage').mousemove(function() {
   $(".bar").hide();
   $(".bar").fadeIn();
});

如果要删除旧的悬停和重新悬停元素，请首先隐藏.bar

$('.stage').mousemove(function() {
   $(".bar").hide();
   $(".bar").fadeIn();
});

@迄今为止，约翰的发展与这个例子相似code@cetver谢谢，但鼠标隐藏不是我想要的对不起，我应该更清楚，关于鼠标移动部分，你尝试了什么，你试图实现什么？我看到悬停已就位。请参见@JohnDevelops，如示例所示code@cetver谢谢，但鼠标隐藏不是我想要的对不起，我应该更清楚，关于鼠标移动部分，你尝试了什么，你试图实现什么？我看到悬停已就位。请参见@JohnDevelops，如示例所示code@cetver谢谢，但鼠标隐藏不是我想要的对不起，我应该更清楚，关于鼠标移动部分，你尝试了什么，你试图实现什么？我看到悬停已就位。请参见@JohnDevelops，如示例所示code@cetver谢谢，但鼠标隐藏不是我想要的对不起，我应该更清楚，关于鼠标移动部分，你尝试了什么，你试图实现什么？我看到鼠标悬停已就位。查看栏已隐藏，但当我移动鼠标栏时仍不显示使用
.show（）
和
.hide（）
或任何您想用于显示栏的内容是的，我尝试过，但移动鼠标后仍不显示。查看栏已隐藏，但当我移动鼠标栏时仍不显示使用
.show（）
和
.hide（）
或任何你想用来显示工具栏的东西是的，我尝试过，但在移动光标后仍然没有显示。当我移动鼠标时，工具栏被隐藏，但仍然没有显示。使用
.show（）
和
.hide（）
或任何你想用来显示工具栏的东西是的，我尝试过，但在我移动光标后仍然没有显示。当我移动鼠标时，工具栏被隐藏，但仍然没有显示。使用
.show（）
和
.hide（）
或任何你想用来显示工具栏的东西是的，我尝试过，但在移动光标后仍然没有显示