Javascript 如何在切换后15秒隐藏div

我有一个音乐播放器，可以在页面加载时关闭。要显示播放器，用户必须单击按钮。在切换到显示后，如何使播放器消失，如果鼠标悬停在播放器上，如何保持播放器显示

$（文档）.ready（函数（）{
$（“.scplay”）.hide（）；
$（“.musicbutton”）。单击（函数（）{
$（“.scplay”）.fadeToggle（）；
});
$（“.scplay”）.hover（函数（）{
$（“.scplay”）.show（）；
});
});

音乐按钮
scplay
您可以使用
setTimeout（）
方法：


$（文档）.ready（函数（）{
var元素=$（“.scplay”）；
元素。隐藏（）；
$（“.musicbutton”）。单击（函数（）{
元素。fadeToggle（3000，函数（）{
setTimeout（函数（）{
//你的代码在这里
css（'color'，'#F00'）；
}, 15000)
});
});
//这没有道理
元素。悬停（函数（）{
元素show（）；
});
});

音乐按钮
scplay
您可以使用
setTimeout（）
方法：


$（文档）.ready（函数（）{
var元素=$（“.scplay”）；
元素。隐藏（）；
$（“.musicbutton”）。单击（函数（）{
元素。fadeToggle（3000，函数（）{
setTimeout（函数（）{
//你的代码在这里
css（'color'，'#F00'）；
}, 15000)
});
});
//这没有道理
元素。悬停（函数（）{
元素show（）；
});
});

音乐按钮
scplay
这将为你做这项工作。
它将执行
$（“.scplay”）.fadeToggle（）15000ms后的代码

这将为你做这项工作。
它将执行
$（“.scplay”）.fadeToggle（）15000毫秒后的代码
我不太确定您想要实现什么，但使用fadeToggle（）时，您没有多少控制权

你能做的就是在两个独立的fadeIn和fadeOut上分割函数


$（“.musicbutton”）。单击（函数（）{
如果（$（this）.hasClass（“活动”））{//当按钮被单击关闭时
$（“.message”）.empty（）.text（“您刚刚松开按钮-等待1.5秒”）；
setTimeout（函数（）{
$（“.scplay”）.fadeOut（）；
$（“.message”）.empty（）.text（“按钮未点击，酷！”）；
}, 1500);
$（此）.removeClass（“活动”）；
}else{//单击时
$（“.scplay”）.fadeIn（）；
$（“.message”）.empty（）.text（“单击按钮”）；
$（此）.addClass（“活动”）；
}   
});

我的纽扣
我不太确定您想要实现什么，但使用fadeToggle（）您没有多少控制权

你能做的就是在两个独立的fadeIn和fadeOut上分割函数


$（“.musicbutton”）。单击（函数（）{
如果（$（this）.hasClass（“活动”））{//当按钮被单击关闭时
$（“.message”）.empty（）.text（“您刚刚松开按钮-等待1.5秒”）；
setTimeout（函数（）{
$（“.scplay”）.fadeOut（）；
$（“.message”）.empty（）.text（“按钮未点击，酷！”）；
}, 1500);
$（此）.removeClass（“活动”）；
}else{//单击时
$（“.scplay”）.fadeIn（）；
$（“.message”）.empty（）.text（“单击按钮”）；
$（此）.addClass（“活动”）；
}   
});

我的纽扣
您可以将函数传递到将在切换结束时发生的淡出切换中，因此您需要传递一个带有setTimeout的函数，该函数将再次淡出


$（文档）.ready（函数（）{
var$scplay=$（“.scplay”）；//避免额外调用jquery函数
$scplay.hide（）；
$（“.musicbutton”）。单击（函数（）{
$scplay.fadeToggle（函数（）{
setTimeout（函数（）{$（“.scplay”）.fadeOut（）；}，15000）；
});
});
$scplay.hover（函数（）{
$scplay.show（）；
});
});

音乐按钮
scplay
您可以将函数传递到切换结束时发生的淡出切换中，因此您需要传递一个带有setTimeout的函数，该函数将再次淡出


$（文档）.ready（函数（）{
var$scplay=$（“.scplay”）；//避免额外调用jquery函数
$scplay.hide（）；
$（“.musicbutton”）。单击（函数（）{
$scplay.fadeToggle（函数（）{
setTimeout（函数（）{$（“.scplay”）.fadeOut（）；}，15000）；
});
});
$scplay.hover（函数（）{
$scplay.show（）；
});
});

音乐按钮
scplay
scplay
$scope.showTrue==true；
$scope.login$timeout（函数（）{$scope.showTrue=false；}，15000）；
scplay
$scope.showTrue==true；
$scope.login$timeout（函数（）{$scope.showTrue=false；}，15000）；
试试这个，
您可以使用setTimeout函数

$(document).ready(function(){
   $(".scplay").hide();    

   $(".musicbutton").click(function(){
      $(".scplay").fadeToggle();
   });

  $(".scplay").hover(function(){
    $(".scplay").show();
    setTimeout(function () { $('.scplay').fadeOut('fast'); }, 15000);
  });
});

试试这个，
您可以使用setTimeout函数

$(document).ready(function(){
   $(".scplay").hide();    

   $(".musicbutton").click(function(){
      $(".scplay").fadeToggle();
   });

  $(".scplay").hover(function(){
    $(".scplay").show();
    setTimeout(function () { $('.scplay').fadeOut('fast'); }, 15000);
  });
});

每次使用jQuery show（）或toggle（）函数时都使用回调函数


$（文档）.ready（函数（）{
$（“.scplay”）.hide（）；
函数回调（）{
清除超时（t）；
window.t=setTimeout（函数（）{
$（“.scplay”）.hide（）；
}, 15000);
}
$（“.musicbutton”）。单击（函数（）{
$（“.scplay”）.fadeToggle（回调）；
});
$（“.scplay”）.hover（函数（）{
$（“.scplay”）.show（回调）；
});
});

音乐按钮
每次使用jQuery show（）或toggle（）函数时，请使用回调函数


$（文档）.ready（函数（）{
$（“.scplay”）.hide（）；
函数回调（）{
清除超时（t）；
window.t=setTimeout（函数（）{
$（“.scplay”）.hide（）；
}, 15000);
}
$（“.musicbutton”）。单击（函数（）{
$（“.scplay”）.fadeToggle（回调）；
});
$（“.scplay”）.hover（函数（）{
$（“.scplay”）.show（回调）；
});
});

音乐按钮
scplay
在隐藏元素上调用hover是不可能的。您可以将
.scplay
类放在一个div中，并在该div上调用hover事件
下面是一个jsfiddle:
调用hov
$(document).ready(function(){
   $(".scplay").hide();    

   $(".musicbutton").click(function(){
      $(".scplay").fadeToggle();
   });

  $(".scplay").hover(function(){
    $(".scplay").show();
    setTimeout(function () { $('.scplay').fadeOut('fast'); }, 15000);
  });
});