Comment implémenter la fonction de minuterie en utilisant Angular-js tutoriel-php.cn

Comment implémenter la fonction de minuterie en utilisant Angular

亚连

Libérer： 2018-06-14 16:43:53

original

2140 Les gens l'ont consulté

Cet article présente principalement la fonction de minuterie simple implémentée par Angular et analyse les compétences simples d'implémentation et d'utilisation de la fonction de minuterie AngularJS sous forme d'exemples. Les amis dans le besoin peuvent s'y référer

Les exemples dans. cet article décrit la fonction de minuterie simple implémentée par Angular. Je le partage avec vous pour votre référence. Les détails sont les suivants :

<!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>

Copier après la connexion

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.