Miniprogramm zur Implementierung einer kreisförmigen Text-Scrolling-Animation

<Animation anzeigen="{{Animation}}" Klasse="Animation">
  919 Testverwendung - Wiedergabe einer kleinen Programmschleife~~~
</Ansicht>

.Animation{
  Breite: 100 %;
  transformieren: übersetzenX(100%);
  Position: fest;
  oben: 45 %;
  Schriftgröße: 16px;
  Schriftstärke: fett;
}

/**
   * Lebenszyklusfunktion - wartet auf den Abschluss der ersten Darstellung der Seite*/
  onReady: Funktion () {
    dies.bindAnimation();
  },
 
  bindAnimation(){
    var dies_ = dies;
      var Animation = wx.createAnimation({
        Dauer: 5000,
        Zeitfunktion: "linear",
        transformOrigin:"100% 0 0"
      })
      animation.translateX('-100%').Schritt();
      dies.setData({
        Animation: Animation.Export(),
      })
      //Loop-Animation einrichten this.animation = animation;
      setzeIntervall(Funktion(){
        //Die Initialisierung der zweiten Animationstextposition this.Animation2();
 
        // Verzögern Sie die Scroll-Animation (der Effekt wird besser sein)
        setzeTimeout(Funktion(){
          this.animation.translateX('-100%').Schritt();
          dies.setData({
            Animation: Animation.Export(),
          })
        }.binden(dies),200);
 
        
      }.bind(dies),5000);
 
  },
 
  /**
   * Initialisiere die zweite Position des Animationstextes*/
  Animation2(){
    var dies_ = dies;
    var animation2 = wx.createAnimation({
      Dauer: 0,
      Zeitfunktion: "linear",
      transformOrigin:"100% 0 0"
    })
    animation2.translateX('100%').Schritt();
    this_.setData({
      Animation: Animation2.Export(),
    })
  },
 
  /**
   * Beheben Sie das Problem des Beendens von Miniprogrammen und des Stoppens von Hintergrundanimationen */
  onHide: Funktion () {
    //Lösen Sie das Problem, dass das Miniprogramm beendet wird und die Hintergrundanimation gestoppt wird. //Lösen Sie die Animationsmethode this.bindAnimation(); erneut aus.
},