Я хотел бы иметь возможность прочитать значение свойства css в середине перехода до его полного выполнения. Это возможно? Поэтому, если во время перехода от 0% до 100% я должен был проверить на полпути, могу ли я увидеть его на уровне 50%?
Возможно ли получить текущее свойство css во время перехода в Javascript?
Ответ 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>