2017-09-24 6 views
2

Ich zeige eine Nummer in meiner UI. nichts hifi nur ein regulärerionic 3 Winkelanimation auf Zahlenzähler

Es gibt eine Schaltfläche neben es heißt Reset. Auf die Schaltfläche Zähler schlagen wird 0. Diese super einfache Sache, und arbeitet durch einen Funktionsaufruf auf Taste als

reset(){ 
this.myCount = 0; 
} 

jedoch für ein schöneres User Experience ich mag es rollen auf 0 visuell reduziert 8-0 in Ordnung. Anwenden einer for-Schleife wie

for(let num = currentCount; num >= 0; num --) 
     this.myCount = num; 

geht wahrscheinlich zu schnell, dass es zeigt es nicht passiert. Jede beraten Verwendung einiger Animation machen aus ionischen kommenden 3 oder eckig oder wenn keiner dann auf andere Weise

Antwort

1

Gerade Intervall verwenden:

let interval = setInterval(()=>{ 
    this.myCount--; 
    if(this.myCount == 0) clearInterval(interval); 
},200)