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

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

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

hide play button after it has been show in slide show

slideshow