AngularJS (54 Blogs) Become a Certified Professional
AWS Global Infrastructure

Front End Web Development

Topics Covered
  • AngularJS (44 Blogs)
  • The Complete WebDeveloper (33 Blogs)
  • ReactJS (10 Blogs)
  • JavaScript and JQuery Essentials Training (2 Blogs)

How To Best Implement $timeout in AngularJS?

Last updated on Apr 19,2023 1.7K Views

$timeout in AngularJs is similar to the window.setTimeout function in JavaScript. Usage of the $timeout service allows the developer to set some time delay to execute the methods and functions as per the requirement. Before we move further, following pointers will be covered in this article.

So guys let us not waste any time and get started with this article

$timeout In AngularJS

In simpler terms, this service can be used to call another function after the specified time delay.


var app = angular.module('firstApp', []);
p.controller('firstCtrl', function ($scope, $timeout) {
$timeout(function () {
$scope.msg = "Save the planet!";
}, 4000);

It must be noted that in the code given above, we are changing the message after 4 seconds. This is done by using the $timeout service. We have passed $timeout as an argument to the controller in the example given above. To use service in controller, $timeout must be passed as a parameter.

Moving on with Example.


<!DOCTYPE html>
$timeout Service Example
<script src=""></script>
<script type="text/javascript">
var app = angular.module('firstApp', []);
app.controller('firstCtrl', function ($scope, $timeout) {
$timeout(function () {
$scope.msg = "Save the planet!";
}, 2000);
<div ng-app="firstApp" ng-controller="firstCtrl">
<p>$timeout Service Example</p>


$timeout In AngularJS

After the specified two seconds, the text automatically changes to:

This is about the demo part and this is how you bring $timeout in effect.

This brings us to the end of this article $timeout In AngularJS. Now that you know about Methods in JavaScript, check out the Web Development Certification Training by Edureka. Web Development Certification Training will help you learn how to create impressive websites using HTML5, CSS3, Twitter Bootstrap 3, jQuery and Google APIs and deploy it to Amazon Simple Storage Service(S3). 

Check out the Angular Course by Edureka, a trusted online learning company with a network of more than 250,000 satisfied learners spread across the globe. Angular is a JavaScript framework that is used to create scalable, enterprise, and performance client-side web applications. With Angular framework adoption being high, performance management of the application is community-driven indirectly driving better job opportunities.

Got a question for us? Please mention it in the comments section of “$timeout in AngularJS” and we will get back to you.

Upcoming Batches For Angular Certification Training Course
Course NameDate
Angular Certification Training Course

Class Starts on 17th June,2023

17th June

SAT&SUN (Weekend Batch)
View Details
Angular Certification Training Course

Class Starts on 1st July,2023

1st July

SAT&SUN (Weekend Batch)
View Details
Angular Certification Training Course

Class Starts on 22nd July,2023

22nd July

SAT&SUN (Weekend Batch)
View Details

Join the discussion

Browse Categories
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP

Subscribe to our Newsletter, and get personalized recommendations.

image not found!
image not found!

How To Best Implement $timeout in AngularJS?