Возможно ли получить текущее свойство css во время перехода в Javascript?

Я хотел бы иметь возможность прочитать значение свойства css в середине перехода до его полного выполнения. Это возможно? Поэтому, если во время перехода от 0% до 100% я должен был проверить на полпути, могу ли я увидеть его на уровне 50%?

Ответы

Ответ 1

Можно ли получить текущее свойство css во время перехода в JavaScript?

Да

var timer;

function test(e) {
    var $this;
    $this = $(this);
    timer = setInterval(function () {
        console.log($this.height());
    }, 500);
}
function untest(e) {
    clearInterval(timer);
}

$('div').mouseenter(test).mouseleave(untest);
div
{
    transition: height 10s;
    -moz-transition: height 10s;
    -webkit-transition: height 10s;
    width: 100px;
    height: 100px;
    background-color: #00F;
}

div:hover
{
    height: 300px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>