是否重复动画？

问题描述

我想知道如何重复动画。我做了这个：

  var drip_stage = 0; 

  function Drip(){

    var water = $(".water");//water drop

    water.attr('position','-4.4 8.45 3.95');// faucet position
    
   //if statements for all stages of water

    if (drip_stage==0){

        water.attr('animation',"property: position; to:-4.1 5.1 3.95; dur: 5000;");

       drip_stage++

    }// other statements

    water.attr('visible','true');

    console.log("repeat");

    setTimeout(Drip,5000);//repeat



  }

  AFRAME.registerComponent("drip",{

    init: Drip

  });

我想知道是否可以在不同的时间重复动画吗？

解决方法

将loop property设置为true：

animation="property: position; from: 0 4.25 -10; to: 0 -2.25 -10; dur: 1000; loop: true"

Glitch illustrating

aframe javascript