如何在60秒后將自動點擊功能添加到按鈕並使用javascript執行該操作？

Question

我之前嘗試過類似問題的解決方案，但這些解決方案無法滿足我的目的。這是我的按鈕

 <a class="goto-next-slide overlay-button overlay-right" id="nxt">Next</a>    

這是我執行點擊操作的javascrit函數

function gotoNextSlide() {
goToSlide(getCurrentSlide().index() + 1);
 }

現在，僅當我單擊按鈕時才發生該事件，但是當60秒后自動單擊下一個按鈕時，我應該怎么做才能執行操作。 這是我的jQuery，我在其中調用gotoNextSlide()函數。

function init() {
$("#nxt").click(gotoNextSlide);
}
$(document).ready(init);

我該怎么做？

我嘗試過這種方法

<script>
    var tmp;
    function f1() {
        tmp = setTimeout("(gotoNextSlide)", 2000);
    }
    function callNext() {
        document.getElementById("nxt").click();
    }
</script>

Answer 1

60秒鍾后，使用setTimeout將goToNextSlide排隊。 每當有人單擊“下一步”按鈕或經過60秒時，請清除超時，更改幻燈片，然后在60秒后再次排隊。

var timer;

function gotoNextSlide() {
   timer && clearTimeout(timer);
   goToSlide(getCurrentSlide().index() + 1);
   timer = setTimeout(gotoNextSlide, 1000 * 60);
}

function init() {
  $("#nxt").click(gotoNextSlide);
  timer = setTimeout(gotoNextSlide, 1000 * 60);
}
$(document).ready(init);