Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > So implementieren Sie eine Timer-Funktion mit Angular

So implementieren Sie eine Timer-Funktion mit Angular

亚连
Freigeben： 2018-06-14 16:43:53
Original
2226 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Verwandte Etiketten：
angular 定时器
Quelle：php.cn
Vorheriger Artikel：So implementieren Sie die Funktion zum Ausblenden von Verzögerungen über JS Nächster Artikel：So implementieren Sie mit Angular die Beschriftungsfunktion für dreieckige Pfeile
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Angular 7 entfernt doppelte Attribute in SCSS AngularSASS (.scss) entfernt Eigenschaften. Wie kann ich verhindern, dass dies passiert, d...
Aus 2024-04-04 23:28:54
0
1
1382
Beim Importieren des Javascript-Prototypkonstruktors in die Angular-Anwendung wird ein Fehler ausgegeben Ich habe eine Angular-Anwendung, in der ich versuche, eine JS-Datei zu importieren, die üb...
Aus 2024-04-04 11:36:15
0
1
288
Generieren von Inhalten mit Ajax – Scrollen zur ID funktioniert nicht Ich erzeuge Seiteninhalte basierend auf Daten, die ich über Ajax erhalten habe. Das Proble...
Aus 2024-04-04 09:29:39
0
1
397
Einen kreisförmigen SVG-Temperaturregler in Angular erstellen? Hier ist eine statische Demonstration eines kreisförmigen Daumenziehers, den ich in Angula...
Aus 2024-04-03 09:33:29
0
1
376
Angular: Der Eigenschaftsbindung zum Verstehen der Farbe von Textelementen mangelt es an Reaktivität Das Folgende ist meine .ts-Datei, import{Component}from'@angular/core';@Component({selecto...
Aus 2024-04-01 17:28:52
0
1
358
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage