What is $timeout Service in AngularJS

Question

Ashutosh Kumar Verma · Answer

In AngularJS, the $timeout service is used for delaying the execution of a function. It's similar to JavaScript's native
setTimeout function but integrated into the AngularJS framework, allowing you to work with AngularJS's digest cycle
$timeout(function(){
    $scope.Label = "Show after two seconds";
}, 2000);
Example-and 
andlt;!DOCTYPE html>
andlt;html ng-app="myApp">
andlt;head>
    andlt;title>$interval Service Exampleandlt;/title>
    andlt;meta name='viewport' content='width=device-width, initial-scale=1'>
    andlt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    andlt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js">andlt;/script>
andlt;/head>
andlt;body>
andlt;div ng-controller="myController">
    andlt;div class="container my-4">
        andlt;div class="text-center">
            andlt;p class="fw-semibold">{{Label}}andlt;/p>
        andlt;/div>
    andlt;/div>
andlt;/div>
andlt;script>
angular.module('myApp', [])
.controller('myController', function($scope, $timeout) {
    $scope.Label = "Hello Developer!";
    // update the Label text after 2 second      
    $timeout(function(){
        $scope.Label = "How are you?";
    }, 2000);
});
andlt;/script>
andlt;/body>
andlt;/html>
Output-and 
and  and Hello Developer!
after two seconds
and  and and How are you?

forum

What is $timeout Service in AngularJS

Revati S Misra

Can you answer this question?

1 Answers

Liked By