Javascript 在动画期间触发更新

我正在使用以下CSS代码制作一个div（id=“ani”）的动画

#ani {
        width: 100px;
        height: 100px;
        background: red;
        color:white;
        position :relative;
        animation: mymove 5s infinite;
    }
 @keyframes mymove {
    0%   {left: 0px;}
    25%  {left: 250px;}
    50%   {left:500px;}
    75%  {left: 250px}
    100% {left: 0px;}
}

我想知道是否有一种方法可以在CSS“left”属性发生变化时显示其瞬时值，即“left”的值应始终显示在屏幕上。有没有办法绑定“左”值

---

有文本字段吗？AngularJS在样式表中似乎不起作用

您可以使用类似

$(function(){
    var div = $('#ani'),
        showLeft = $('#left');  

    setInterval(function () {
       showLeft.text(div.position().left)
     }, 10);
});

---

您可以在javascript中创建一个间隔，并检查对象上的styles.left属性。