如何在60秒后将自动点击功能添加到按钮并使用javascript执行该操作？

Question

I tried solutions for similar asked questions before but they are not working for my purpose This is my button

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

this is my javascrit function which is performing click operation

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

Now the event is happening only when I clicked the button but what should I do to perform operation when next button get clicked automatically after 60 seconds. this is my jquery where I am calling the gotoNextSlide() function.

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

how can I do it?

I tried by this method

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

Answer 1

Use setTimeout to queue goToNextSlide after 60 seconds. Whenever someone clicks "next" button or 60 seconds passed, clear the timeout, change the slide, and queue it again after 60 seconds.

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