Javascript 几秒钟后显示/隐藏HTML移动按钮

我的手机有一些按钮

<div class="menubottom" id="menumobile">
    <div >
        <div class="mobilebutton displaynone" id="mobilebuttonLeft" style="float:left;" onclick="swipeRight();"><i class="fa fa-chevron-circle-left fa-3x" aria-hidden="true"></i></div>
        <div class="mobilebutton" id="mobilebuttonRight" style="float:right;" onclick="swipeLeft()"><i class="fa fa-chevron-circle-right fa-3x" aria-hidden="true"></i></div>
    </div>

</div>

现在我想让它们消失，如果没有触摸输入的时间过去了。 如果我再次触摸显示屏，按钮应该会再次出现。 我安装了jquery和jquery mobile，但我找不到解决问题的好方法。你知道吗

现在我想让它们消失，如果一段时间没有触摸输入 逝去

您可以执行

setTimeout

，这将在2秒后隐藏菜单

要使其在单击时再次出现，只需绑定一个

touchend

事件

$(document).on( "touchend click", function(){
  $ ( "#menumobile" ).show();
  hideMenu(); //hide again after 2 seconds
})

---

您可以使用touchstart和touchend事件隐藏show mobilebutton

触摸结束后隐藏按钮设置超时3s

$(document).on( "touchend click", function(){
  $ ( "#menumobile" ).show();
  hideMenu(); //hide again after 2 seconds
})

$("body").on('touchstart mousedown',function (e){
    $('.mobilebutton').show();
});
$("body").on('touchend',function (e){
    setTimeout(function(){
        $('.mobilebutton').hide(); 
    }, 3000);
});