Показать сообщение отдельно
  #5 (permalink)  
Старый 13.06.2013, 20:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

Duda.Ml1986@gmail.com,
Вариант с одинаковой скоростью ...
<!DOCTYPE html>
<html>
    
    <head>
        <style>
            div {
                position: absolute;
                background-color: #abc;
                left: 0px;
                top:30px;
                width: 60px;
                height: 60px;
                margin: 5px;
            }
        </style>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    </head>
    
    <body>
        <button id="go">Go</button>
        <button id="stop">STOP!</button>
        <div class="block"></div>
        <script>
            var time, duration = 10000;
            $("#go").click(function () {
                time = new Date();
                $(".block").animate({
                    left: '500px'
                }, duration, function () {
                    duration = 10000;
                });
            });
            $("#stop").click(function () {
                time = (new Date()).getTime() - time.getTime();
                duration -= time
                $(".block").stop().html(duration);
            });
        </script>
    </body>

</html>

Последний раз редактировалось рони, 13.06.2013 в 20:06.
Ответить с цитированием