Maison >interface Web >js tutoriel >Utiliser des minuteries avec AngualrJs
Cette fois je vais vous apporter le timer avec AngualrJs, quelles sont les précautions d'utilisation du timer avec AngualrJs, ce qui suit est un cas pratique, prenons un regarder .
angualrJs clear timer escalade pit road :
J'ai découvert un problème étrange aujourd'hui. Le minuteur placé dans l'instruction personnalisée s'exécutait toujours sur une autre page après le saut de la page. Cette boucle était toujours en cours d'exécution. Ce n'est certainement pas possible et affectera les performances du système. .
J'ai utilisé la méthode native window.onunload dans Angular mais cela n'a pas fonctionné, j'ai donc dû utiliser la propre méthode d'Angular $destroy. Cette page saute et la structure du DOM change, le minuteur peut être effacé.
var timer = setInterval(function(){ $scope.$apply(function(){ //这里是想要定时刷新的逻辑 }); },3000); $scope.$on('$destroy',function(){ if (timer) { clearInterval(timer); timer = null; } });
Laissez-moi en parler ici, car j'utilise les fonctions natives et setTimeout()
setInterval()
en javascript, donc le temps d'effacement correspondant est clearTimeout()
et clearInterval()
, la minuterie angulaire sont $timeOut
et $interval
, donc les correspondances claires sont $timeOut.cancel()
et $interval.cancel()
,
Il doit y avoir une correspondance individuelle et les incohérences ne seront pas résolues.
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
JS implémente la génération de nombres aléatoires avec déduplication
Comment utiliser les exportations et module.exports
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!