Почему этот код setTimeout создается и не заканчивается?

Question

Если вы щелкнете по телу html один раз и дождитесь, пока мяч не заштрихован, он станет прекрасным. Однако, если вы нажмете 2 раза, вы заметите, что мяч движется быстрее. Когда вы снова нажимаете на тело, чтобы вернуть мяч, он все же быстрее, чем должно быть. Зачем? http://jsfiddle.net/44nwt/10/

-edit- in firefox на моей странице (i havent try on jsfiddle) Я замечаю, что функция func называется повторяемо даже после того, как мяч покинул экран и был удален. Почему он не существует?

Answer 1

This works (http://jsfiddle.net/44nwt/11/)

были два вопроса:

# 1 каждый клик создает еще один экземпляр шара и шарнира и добавляет их в тело. Необходимо создать экземпляр, если он еще не существует. Так что будет выглядеть примерно так:

$('body').click(function() { 
    var wrapper = $('.ballwrapper'); 
    if(wrapper.length == 0) { 
     $('body').append('<div class="ballwrapper"><img class="ball" src="http://michaelreid.typepad.com/.a/6a00e54edabd838833011168a00f09970c-800wi"/></div>'); 
    } 
    MoveCode(); 
}); 

# 2 Вам нужны ворота в начале вашей функции MoveCode, чтобы предотвратить «лишние» циклы (те, что начать с каждым дополнительным нажатием) из после того, как мяч/шарнир был удален.

Также обратите внимание ... Я поменял его, чтобы удалить шарнир, а не удалять только мяч. В противном случае, если вы запустите все это снова и снова, вы будете накапливать старые, неиспользуемые шаровые краны в фоновом режиме.

Answer 2

if (left > parseInt($('.ballwrapper').css('width'))) { 
    //alert('removed'); 
    $('.ball').remove(); 
    return; 
} 

Если оставить не определен (т.е., мяч был уже удален), то условие ложно и планирование будет сделано неоднократно