在幻灯片放映中显示后隐藏播放按钮

Question

我正在制作幻灯片。如果用户未单击按钮，则在可见时尝试隐藏播放按钮。

function hidePlay (){

    if($("#playAuto").is(":visible") == true ) {

            $('body').not('#playAuto').on('click', function(){
            $('#playAuto').fadeOut(2000);
            });
        }

    else {

           $('#slideshow').on('click', function() {
                $('#playAuto, #largeImg, #actionsCon').fadeIn(5000);
                alert('finding #playAuto');
           });

         } 
  }

Answer 1

如果用户没有点击一段时间，我想你想要隐藏按钮。否则页面会启动，此时用户不会单击该按钮，它将被隐藏。此时用户无法单击该按钮，因此将永久隐藏。如果用户单击按钮，您可以设置变量。隐藏按钮延迟（setTimeout）并首先检查用户是否在隐藏按钮之前单击该按钮。 伪代码：

$('btn').click(function() {
  wasClicked = true;
}

setTimeout(function() {
  if(wasClicked == false) {
    $('btn').fadeOut(500);
  }
}, 500);