假设我有一个元素ID“ animObj
”,该元素在屏幕上显示动画。凭借这一点,我可以拥有一种方法getCurrentTime()
,该方法将向我返回动画运行的总时间。
现在,我正在尝试为此方法分配一个方法,以便可以跟踪时间的变化。我的查询如下:
var animObj = document.getElementById("animObj");
var parent = animObj.parentNode;
function timeUpdated(obj) {
console.log(obj.getCurrentTime());
}
parent.getCurrentTime().onChange = function() {
console.log(animObj.getCurrentTime());
}
<svg width="576px" height="300px" ontimeupdate="timeUpdated(this)">
<circle cx="0" cy="0" r="5" fill="black" id="animObj">
<animateMotion path="M 0 150 H 576 Z" dur="5s" id='anim' repeatCount="indefinite" />
</circle>
</svg>