имеем
<style>
#test {
position: absolute;
width: 100px;
height: 100px;
background-color: #06b;
}
</style>
<div id="test"></div>
<input type="range" id="range" value="1000" step="100" min="100" max="5000" />
<button class="j_go">GO 1 Step</button>
<script>
var speed = 100;
$('#range').on('change', function () {
speed = $(this).val();
});
$('.j_go').on('click', function () {
console.log(speed);
$('#test').css('left',0).animate({left: 500 }, speed);
})
</script>
объясните пожалуйста почему скорость анимации в этом случае не меняется?