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

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);