Heim > Artikel > Web-Frontend > So implementieren Sie eine Timer-Funktion mit Angular

So implementieren Sie eine Timer-Funktion mit Angular

亚连Original: 2018-06-14 16:43:532135Durchsuche

In diesem Artikel wird hauptsächlich die von Angular implementierte einfache Timer-Funktion vorgestellt und die einfache Implementierung und Verwendungsfähigkeit der AngularJS-Timer-Funktion anhand von Beispielen analysiert

Die Beispiele in Dieser Artikel beschreibt die von Angular implementierte einfache Timer-Funktion. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net Angular定时器</title>
  <script src="angular.min.js"></script>
  <script>
    var myapp=angular.module("myapp",[]);
    myapp.controller("myCtrl",function ($scope,$interval,$timeout) {
      $scope.num=0;
      $scope.fun=function () {
//        $interval(function () {
//          $scope.num++
//        },1000)
//        setInterval(function () {
//          $scope.$apply(function () {
//            $scope.num++;
//            console.log($scope.num)
//          })
//        },1000);
//                $interval(function () {
//
//            $scope.num++;
//            console.log($scope.num);
//
//        },1000,5,false);
        $timeout(function () {
          $scope.num++;
        },1000);
      }
    })
  </script>
</head>
<body ng-app="myapp" ng-controller="myCtrl">
<p>{{num}}</p>
<button ng-click="fun()">按钮</button>
</body>
</html>

Das Obige habe ich für alle zusammengestellt. Ich hoffe, es wird in Zukunft für alle hilfreich sein.

Verwandte Artikel:

Detaillierte Interpretation von Winkelfehler-404-Problemen

So verwenden Sie den Schalterwähler im WeChat-Miniprogramm

So berechnen Sie den Polygonschwerpunkt in JavaScript

Informationen zur Verwendung benutzerdefinierter Formularsteuerelemente in Angular19

Das obige ist der detaillierte Inhalt vonSo implementieren Sie eine Timer-Funktion mit Angular. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript angular switch 选择器微信小程序

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So implementieren Sie die Funktion zum Ausblenden von Verzögerungen über JSNächster Artikel：So implementieren Sie die Funktion zum Ausblenden von Verzögerungen über JS

In Verbindung stehende Artikel

Mehr sehen