jquery重复事件,直到用户单击它

function anibox(){
   $('#box').delay(4000).animate({'right':'-184px'}, {duration: 300, easing: 'easeOutBounce'});
   $('#box').animate({'right':'-194px'}, {duration: 150, easing: 'easeOutExpo', complete: anibox});
}

要启动动画,只需调用

anibox()

代码中的任何地方,要停止它,请使用:

$('box').stop();

在单击事件处理程序中。 这是“jqueryish”的方式,没有 setInterval() .

你可以使用 setInterval 然后把它赋给一个变量。当用户单击“”按钮时,调用 clearInterval 将变量作为参数传递。

var intervalId = setInterval(function(){/*your code*/}, 4000);

$("#box").click(function(){
    clearInterval(intervalId);
});

使用javascript的clearInterval或setInterval函数隐藏动态创建的元素

有关详细信息,请查看以下链接 http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

启动计时器:

var timer = window.setInterval(yourAnimationFunction, 4000);

杀死计时器:

$('#box').click(function(){
  clearInterval(timer);
});