Javascript 如何在单击时添加一个保持工作的类?

Javascript 如何在单击时添加一个保持工作的类?,javascript,jquery,addclass,removeclass,toggleclass,Javascript,Jquery,Addclass,Removeclass,Toggleclass,我有一个硬币在我的页面上,用户点击,它应该保持翻转,由于这个增加的类,每次点击它 我将animate.css与类“flip”一起使用 所以我有: function coinToss() { var number = Math.floor(Math.random() * 2); $("#coin").toggleClass('flip'); if(number == 0) { var value = $("#he

我有一个硬币在我的页面上,用户点击,它应该保持翻转,由于这个增加的类,每次点击它

我将animate.css与类“flip”一起使用

所以我有:

 function coinToss() {
        var number = Math.floor(Math.random() * 2);


        $("#coin").toggleClass('flip');




        if(number == 0) {
            var value = $("#headsText").val(); 
            document.getElementById("result").innerHTML="Heads";
            $('#resultText').html($("#headsText").val());
        }
        else if(number == 1) {
            var value = $("#tailsText").val(); 
            document.getElementById("result").innerHTML="Tails";
            $('#resultText').html($("#tailsText").val());
    }

}
这样一来,硬币只会在第一次翻转。我需要它在每次点击时都保持翻转。只需使用,该方法意味着如果匹配的元素没有类名,则添加它;如果匹配的元素已经具有类名,则将其删除

function coinToss() {
    $("#coin").toggleClass('flip');
}

只需使用,该方法意味着如果匹配的元素没有类名,则添加它;如果匹配的元素已经具有类名,则将其删除

function coinToss() {
    $("#coin").toggleClass('flip');
}

这应该是
$(“硬币”).addClass(“flip”)内部
其他
条件

function coinToss() {      
 if($("#coin").hasClass("flip")){
      $(this).removeClass("flip")
 }
else {
   $("#coin").addClass("flip");
}
这应该是
$(#coin”).addClass(“flip”)内部
其他
条件

function coinToss() {      
 if($("#coin").hasClass("flip")){
      $(this).removeClass("flip")
 }
else {
   $("#coin").addClass("flip");
}
用于在类之间切换,并用于每1秒执行一次

var inter;
function coinToss() {
    $("#coin").toggleClass('flip');
}
$('.button').click(function(){inter=setInterval(coinToss,1000)});
$('.stop').click(function(){clearInterval(inter)});

用于在类之间切换,并用于每1秒执行一次

var inter;
function coinToss() {
    $("#coin").toggleClass('flip');
}
$('.button').click(function(){inter=setInterval(coinToss,1000)});
$('.stop').click(function(){clearInterval(inter)});

您如何使用
cointost()
this
$(“#coin”).addClass(“flip”)
不应在
else
条件内?您在
else
中有错误。应该是
否则{…code…}
!那么类
中肯定有一些东西。flip
它是否会在每次删除或添加时产生翻转?你能展示一下吗?你如何使用
cointost()
这个
$(“#coin”).addClass(“flip”)
不应在
else
条件内?您在
else
中有错误。应该是
否则{…code…}
!那么类
中肯定有一些东西。flip
它是否会在每次删除或添加时产生翻转?你能演示一下吗?但是下一次单击该类时,该类将被删除,并且什么也没有发生。@thomasp423,你需要演示如何使用
cointost()
函数来帮助你。当我第一次单击它时,它会添加类。然后,下一次单击将删除动画,并且没有动画。然后我再次单击,它会添加并设置动画。@Satpal我需要用户每次单击时都单击并翻转硬币,但下一次单击时,该类将被删除,并且什么也没有发生。@thomasp423,您需要显示如何使用
cointost()
函数来帮助您否。当我第一次单击它时,它会添加类。然后,下一次单击将删除动画,并且没有动画。然后我再次单击,它会添加并设置动画。@Satpal我需要用户单击,每次单击时硬币都会翻转。这会让硬币在没有用户单击的情况下翻转。我只需要点击它。@thomasp423“需要它保持翻转”松散解释!!这可以让用户在不点击的情况下保持硬币的翻转。我只需要点击它。@thomasp423“需要它保持翻转”松散解释!!