Как оптимизировать такой код?

Question

[JIakki]

var coords = $(window).width()/2
window.onmousemove = function(e){
   
   $("#layer-2").animate({"left" : ((coords - e.pageX) ) / 10}, 100 );
    
}

Answer 1

[Александр Ковпашко]

Найти и записать элемент для анимации вне обработчика событий.
Запускать анимацию по таймауту, который сбрасывается, если продолжается движение мышкой.

var windowCenter = $(window).width()/2,
    layer = $("#layer-2"),
    timeout;
$(window).on('mousemove', function(e){
    clearTimeout(timeout);

    timeout = setTimeout(function(){
        var newLeft = ((windowCenter - e.originalEvent.pageX) ) / 10;
        layer.animate({"left" :  newLeft}, 100 );
    }, 50); 
});

Демо: jsbin.com/cirule/1/edit?js,output

Comments

[JIakki]

хороший вариант , спасибо)