Je dois créer un temps écoulé et afficher sur l'écran de l'utilisateur comme suit: Pour le moment je fais ce que c'est en dessous, Mais c'est dans le format L'utilisateur clique sur Démarrer et Commence le calcul du temps écoulé. P> P> P> P> {{ duration.hours }}:{{ duration.minutes }}:{{ duration.seconds }}
3 Réponses :
Bonjour, vous y réalisez en utilisant <div>{{time| date:'HH:mm:ss'}}</div> 12:01:59
Je ne veux pas travailler avec date, je veux juste obtenir le temps écoulé après que l'utilisateur clique sur le démarrage.
Vous pouvez écrire votre propre tuyau, comme:
import _ from 'lodash';
import { Pipe, PipeTransform } from '@angular/core';
// ...
@Pipe({name: 'doubleDigits'})
export class DoubleDigitsPipe implements PipeTransform {
transform(value: any) {
return _.isNumber(value) && value <= 9 ? "0"+value : value;
}
}
// HTML
{{ duration.hours | doubleDigits }}:{{ duration.minutes | doubleDigits }}:{{ duration.seconds | doubleDigits }}
Vous pouvez utiliser le tuyau de numéro angulaire existant pour chaque partie de cette façon si le nombre de vos heures dépasse également 99, il s'affichera correctement p>
{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}.
minIntegerDigits: The minimum number of integer digits before the decimal point. Default is 1.
minFractionDigits: The minimum number of digits after the decimal point. Default is 0.
maxFractionDigits: The maximum number of digits after the decimal point. Default is 3.
Ses numéros ne dépassent pas 99, il a `if (this.duration.seconds === 60) {`
@ DOTA2PRO Je parlais de heures , il n'y a pas de chèque pendant des heures dans le code. Il incremportera infiniment
Est-ce que la minuterie fonctionne depuis longtemps? Existe-t-il une activité qui peut retarder les tiques d'intervalle? L'utilisation de la différence de temps est plus fiable que celle des tiques d'intervalle de comptage, comme indiqué dans Cette Stackblitz (effectuez un calcul lourd pendant que les minuteries fonctionnent pour voir la différence).