El servicio de $timeout es como el método setTimeout() de JavaScript. La principal diferencia , a parte de que es un servicio, es que al igual que 3.2 $http se actualiza la vista al actualizar el modelo desde $timeout.

La función $timeout soporta 3 parámetros:

• fn: La función a llamar cuando acaba el timeout
• tiempo: El tiempo en milisegundos que debe pasar para que se llame a la función.

Al igual que setTimeout() se llama una única vez.

Veamos ahora un simple ejemplo de este servicio .

<!DOCTYPE html>
<html ng-app="app">
 
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
    <script src="script.js"></script>
  </head>
 
  <body ng-controller="PruebaController">
    &iquest;Se ha producido el evento? {{producidoEvento}}
  </body>
 
</html>

• Línea 10: Se muestra el valor de la variable producidoEvento la cual indicará si se ha producido el evento de $timeout.

var app=angular.module("app",[]);
  
app.controller("PruebaController",['$scope','$timeout',function($scope,$timeout) {
  $scope.producidoEvento="NO";
  
  $timeout(function() {
    $scope.producidoEvento="SIIIIII";
  },3000);
  
}]);

• Línea 3: Se inyecta el servicio de $timeout
• Línea 6: Se llama a la función de $timeout y se le pasa nuestra función.
• Línea 7: Se cambia el valor de la variable $scope.producidoEvento y se actualiza automáticamente la vista.

• $timeout