Maison >interface Web >js tutoriel >Comment implémenter la fonction de minuterie en utilisant Angular

Comment implémenter la fonction de minuterie en utilisant Angular

亚连original: 2018-06-14 16:43:532245parcourir

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>

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

Articles Liés

Voir plus