Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie eine Timer-Funktion mit Angular

亚连
Freigeben: 2018-06-14 16:43:53
Original
2192 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:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage