How to control .glb model animations in A-FRAME via Three.js

Hello, I’m trying to play a glb animation in A-FRAME with Three.js, now it works just for a second and then it stop, could someone help me please? this is my code:

<script src=""></script>
AFRAME.registerComponent('move', {
  init: function () {
    setTimeout( () => {
      let position = this.el.getAttribute("position")
   console.log(this.el.components['gltf-model'].model )
            // Create an AnimationMixer, and get the list of AnimationClip instances
      const mixer = new THREE.AnimationMixer( this.el.components['gltf-model'].model);
      const clips = this.el.components['gltf-model'].model.animations[0];
      var clock = new THREE.Clock();
      // Play all animations
    mixer.clipAction( clips ).play();

      var delta = 0.25 * clock.getDelta();
      mixer.update( delta );
    }, 2000)

      <a-entity gltf-model="" move position=".5 0.5 -5" scale="0.5 0.5 0.5"></a-entity>