Javascript 重置我的点击功能

我有下面的点击功能。我正在寻找一种方法，这样当它完成时，它将重置，并准备再次运行。我该怎么做

$('body').on('click', '#ConfirmBet', function () {
    function randomImg() {
        var imgs = $('.CoinImages');
        var randomOne = Math.floor(imgs.length * Math.random());
        $('#winner').fadeIn().attr('src', $(imgs[randomOne]).attr('src'));
        $('#winner').addClass("WinImage");
        if ($('#winner').attr('src') === $('.selected').attr('src')) {
            alert('You Win!');
        } else {
            alert('You Lose!');
        }
    }
    var counter = 5;
    var c = setInterval(function () {
        if (counter > 0) {
            counter--;
            $('#counter').html(counter);
            $("#BetInput").val("");
            $("#BetInput").prop("readonly", false);
            $("#tCoin").removeClass("selected");
            $("#ctCoin").removeClass("selected");
            $(".CustomTextT").html("");
            $(".CustomTextCT").html("");
            $("#winner").removeClass("hidden");
        } else {
            clearInterval(c);
            randomImg();
        }
    }, 1000);
});

---

我的剧本就是这么做的，但正如你所看到的，它一直在说输。无论您点击哪个图像。

在

setInterval

处理程序函数中，您正在删除

计数器>0

案例中的

所选的
类。然后在
randomImg
中，您将使用
selected
类查找元素，以确定选择了哪个图像。因为您已经删除了该类，所以检查总是失败

我认为您需要像这样重新执行
setInterval
处理程序逻辑：

    if (counter > 0) {
        counter--;
        $('#counter').html(counter);
    } else {
        clearInterval(c);
        randomImg();
        $("#BetInput").val("");
        $("#BetInput").prop("readonly", false);
        $("#tCoin").removeClass("selected");
        $("#ctCoin").removeClass("selected");
        $(".CustomTextT").html("");
        $(".CustomTextCT").html("");
        $("#winner").removeClass("hidden");
    }

你说的“重置”是什么意思？你说的“重置并准备再次运行”是什么意思？每当引发此单击事件时，此函数将再次执行。@AdiLevin，以便它可以再次运行。目前，它每次只显示相同的资源。所以我需要重置，当它运行时。就像你现在刷新网站：）@David一样，每次倒计时5秒后，它都会显示相同的警报。你已经添加了一个代码笔，这样你就可以看到它在做什么，并且它会继续选择与第一次相同的结果！