Javascript jquery中的反弹效果并不理想

我想创建一个元素，它将显示反弹效果，当用户没有点击帮助时，这个效果应该一直运行，当它的效果完成时。现在，它的工作，但不喜欢，效果运行缓慢，最终越来越快。反弹并不总是在鼠标单击事件时停止。 HTML:

JS:

var to_stop=0；
函数run_bounce（）
{
if（to_stop==0）
{
$（“.task_包装器”）.effect（“反弹”、“快速”）；
设置间隔（运行时间，3000）；
}否则{
返回；
}
}
$（文档）.ready（函数（）{
$（“.help_man”）。单击（函数（）{
停止=1；
});
跑_bounce（）；
});

---

谢谢

您需要在CSS中添加position作为结果。这是我们动态设置DOM元素动画的方式。 在调用setInterVal（）之前，最好先练习

clearInterval

；哪个返回号码

.task_wrapper{
    postion:absolute;
}

var to_stop = 0,interval;
function run_bounce()
{
    if(to_stop==0)
    {
        $(".task_wrapper").effect( "bounce", "fast" );
         clearInterval(interval);
         interval = setInterval(run_bounce,3000);
        setInterval(run_bounce,3000);
    }else{
         $(".task_wrapper").stop(); //Note here stop()       
    }
}
$(document).ready(function(){
    $(".help_man").click(function() {
        to_stop = 1;       
    });
    run_bounce();
});

---

您需要在CSS中添加position作为结果。这就是我们动态设置DOM元素动画的方法。 在调用setInterVal（）之前，最好先练习

clearInterval

；哪个返回号码

.task_wrapper{
    postion:absolute;
}

var to_stop = 0,interval;
function run_bounce()
{
    if(to_stop==0)
    {
        $(".task_wrapper").effect( "bounce", "fast" );
         clearInterval(interval);
         interval = setInterval(run_bounce,3000);
        setInterval(run_bounce,3000);
    }else{
         $(".task_wrapper").stop(); //Note here stop()       
    }
}
$(document).ready(function(){
    $(".help_man").click(function() {
        to_stop = 1;       
    });
    run_bounce();
});

---

您需要在CSS中添加position作为结果。这就是我们动态设置DOM元素动画的方法。 在调用setInterVal（）之前，最好先练习

clearInterval

；哪个返回号码

.task_wrapper{
    postion:absolute;
}

var to_stop = 0,interval;
function run_bounce()
{
    if(to_stop==0)
    {
        $(".task_wrapper").effect( "bounce", "fast" );
         clearInterval(interval);
         interval = setInterval(run_bounce,3000);
        setInterval(run_bounce,3000);
    }else{
         $(".task_wrapper").stop(); //Note here stop()       
    }
}
$(document).ready(function(){
    $(".help_man").click(function() {
        to_stop = 1;       
    });
    run_bounce();
});

---

您需要在CSS中添加position作为结果。这就是我们动态设置DOM元素动画的方法。 在调用setInterVal（）之前，最好先练习

clearInterval

；哪个返回号码

.task_wrapper{
    postion:absolute;
}

var to_stop = 0,interval;
function run_bounce()
{
    if(to_stop==0)
    {
        $(".task_wrapper").effect( "bounce", "fast" );
         clearInterval(interval);
         interval = setInterval(run_bounce,3000);
        setInterval(run_bounce,3000);
    }else{
         $(".task_wrapper").stop(); //Note here stop()       
    }
}
$(document).ready(function(){
    $(".help_man").click(function() {
        to_stop = 1;       
    });
    run_bounce();
});

---

我想你需要清除间隔

小提琴：

JS

var to_stop = 0, interval;
function run_bounce() {
    if(to_stop==0)
    {
        $(".task_wrapper").effect( "bounce", "fast" );
        clearInterval(interval);
        console.log(interval);
        interval = setInterval(run_bounce,3000);
    }else{
        $(".task_wrapper").stop();
    }
}
$(document).ready(function(){
    $(".help_man").click(function() {
        to_stop = 1;
    });
    run_bounce();
});

---

我想你需要清除间隔

小提琴：

JS

var to_stop = 0, interval;
function run_bounce() {
    if(to_stop==0)
    {
        $(".task_wrapper").effect( "bounce", "fast" );
        clearInterval(interval);
        console.log(interval);
        interval = setInterval(run_bounce,3000);
    }else{
        $(".task_wrapper").stop();
    }
}
$(document).ready(function(){
    $(".help_man").click(function() {
        to_stop = 1;
    });
    run_bounce();
});

---

我想你需要清除间隔

小提琴：

JS

var to_stop = 0, interval;
function run_bounce() {
    if(to_stop==0)
    {
        $(".task_wrapper").effect( "bounce", "fast" );
        clearInterval(interval);
        console.log(interval);
        interval = setInterval(run_bounce,3000);
    }else{
        $(".task_wrapper").stop();
    }
}
$(document).ready(function(){
    $(".help_man").click(function() {
        to_stop = 1;
    });
    run_bounce();
});

---

我想你需要清除间隔

小提琴：

JS

var to_stop = 0, interval;
function run_bounce() {
    if(to_stop==0)
    {
        $(".task_wrapper").effect( "bounce", "fast" );
        clearInterval(interval);
        console.log(interval);
        interval = setInterval(run_bounce,3000);
    }else{
        $(".task_wrapper").stop();
    }
}
$(document).ready(function(){
    $(".help_man").click(function() {
        to_stop = 1;
    });
    run_bounce();
});

---

这不起作用，您已经通过使用文本略微更改了元素的大小。看这个脚本仍然是加速与时间动画工作。当按下时，动画并不总是停止。财产位置：绝对；出席，但谢谢！但最终还是加速了动画。和奇怪的行为。这不起作用，您通过使用文本对元素的大小进行了微小的更改。看这个脚本仍然是加速与时间动画工作。当按下时，动画并不总是停止。财产位置：绝对；出席，但谢谢！但最终还是加速了动画。和奇怪的行为。这不起作用，您通过使用文本对元素的大小进行了微小的更改。看这个脚本仍然是加速与时间动画工作。当按下时，动画并不总是停止。财产位置：绝对；出席，但谢谢！但最终还是加速了动画。和奇怪的行为。这不起作用，您通过使用文本对元素的大小进行了微小的更改。看这个脚本仍然是加速与时间动画工作。当按下时，动画并不总是停止。财产位置：绝对；出席，但谢谢！但最终还是加速了动画。和奇怪的行为。是的，它的帮助！非常感谢。是的，有帮助！非常感谢。是的，有帮助！非常感谢。是的，有帮助！非常感谢。