What is $timeout?
The $timeout is used to call
another controller function in a given time frame that means scheduling a
function calls.
$timeout service should be injected into a
controller.
$timeout used for single call to the function
but $interval used for schedules for multiple repeated call in a time interval.
The demo example code for $timeout as given below.
var app =
angular.module("IntervalApp", []);
// $timeout service should be
injected into a controller function.
app.controller("IntervalCtrl", function($scope, $timeout) {
$scope.count = 0;
$scope.schedulingForTimeout = function() {
$scope.count += 1;
// Call the $timeout function
call after 5 seconds. Its single call after 5 second.
$timeout(function() {
$scope.schedulingForTimeout();
}, 1000);
}
$timeout(function() {
$scope.schedulingForTimeout();
}, 1000);
});
The demo example code for $Interval as given below.
var app =
angular.module("IntervalApp", []);
// $timeout service should be
injected into a controller function.
app.controller("IntervalCtrl", function($scope, $interval)
{
//Initialize the counter.
$scope.count = 0;
$scope.schedulingForInterval = function() {
$scope.count += 1;
};
// the $interval call every 1
second itself.
$interval(function() {
$scope.schedulingForInterval();
}, 1000);
});
The output go to below link