Javascript Jquery动画在停止两次后将无法工作
我有个小问题。我制作了一个彩色动画,但当我停止并再次启动它时,Javascript Jquery动画在停止两次后将无法工作,javascript,jquery,Javascript,Jquery,我有个小问题。我制作了一个彩色动画,但当我停止并再次启动它时,newClass就会消失。当我再次停止时,newClass1将消失,然后应用程序将无法再次启动。我在网上搜索过,但什么也没找到。 谢谢你帮我 //Html <section class="effect"> enter code here</section> <section class="button">
newClass
就会消失。当我再次停止时,newClass1
将消失,然后应用程序将无法再次启动。我在网上搜索过,但什么也没找到。
谢谢你帮我
//Html
<section class="effect">
enter code here</section>
<section class="button">
<button id="button-start" value="run animasjon">Start animasjon</button>
<button id="button-stop" value="Stop animasjon">Stop Animasjon</button>
</section>
//JS
$(document).ready(function(){
var state = true;
$("#button-start").click(function colorAnimasjon(){
$(".effect").addClass("newClass", 1000, "linear", function en(){
"linear", colorAnimasjon);});
$(".effect").removeClass("newClass", 1000, "linear",function to(){
$(".effect").addClass("newClass1", 1000, "linear", function tre(){
$(".effect").removeClass("newClass1", 1000 "linear", colorAnimasjon);});
$(".effect").removeClass("newClass1", 1000 "linear", colorAnimasjon);});
$( "#button-stop").click(function() {
$( ".effect" ).stop();
});
});
});
});
});
//Html
在这里输入代码
从阿尼马乔恩开始
停止阿尼马斯乔恩
//JS
$(文档).ready(函数(){
var状态=真;
$(“#按钮开始”)。单击(函数colorAnimasjon(){
$(“.effect”).addClass(“新类”,1000,“线性”,函数en(){
“线性”,彩色动物(Asjon);});
$(“.effect”).removeClass(“新类”,1000,“线性”,函数到(){
$(“.effect”).addClass(“newClass1”,1000,“线性”,函数tre(){
$(“.effect”).removeClass(“newClass1”,1000“linear”,colorAnimasjon);});
$(“.effect”).removeClass(“newClass1”,1000“linear”,colorAnimasjon);});
$(“#按钮停止”)。单击(函数(){
$(“.effect”).stop();
});
});
});
});
});
你能安装一个提琴吗?“提琴”指的是:好的,我会尝试一下=)出于某种原因,我不能在JSFIDLE中启动应用程序。我是这个程序的新手,所以不确定hvae是否要添加jquery脚本。但这是我电脑上的代码。如果有时间,你可以试着运行它。谢谢你的帮助