Javascript 如何在单击时添加一个保持工作的类?
我有一个硬币在我的页面上,用户点击,它应该保持翻转,由于这个增加的类,每次点击它 我将animate.css与类“flip”一起使用 所以我有: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
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“需要它保持翻转”松散解释!!