Angularjs $timeout not executing

Question

I'm new to Angularjs and want to add a timer once the page load. I read a number of similar kind of questions here but still I couldn't resolve my issue. I added data-ng-init="init()" to my view. This is the controller:

    'use strict';

    angular.module('tempApp')
      .controller('MainController',['$scope','$timeout','dService', function ($scope,$timeout, dService) {

        $scope.init =  function(){
            console.log("Safety checkStatus page load");
            $timeout(callAtTimeout(),3000);
        }


    function callAtTimeout(){
        console.log("Safety checkStatus ***");
    }

 }]);

jsfiddle: https://jsfiddle.net/Zusee/s6xy48t0/9/

Here dService is separate service js file I'm going to use. Any help would be appreciated.

ajin · Accepted Answer · 2016-09-02 06:07:32Z

<!DOCTYPE html>
<html ng-app="tempApp">
<head>
    <title>Test</title>
    <script src="angular.min.js"></script>
</head>
<body ng-controller="MainController">
<script type="text/javascript">
       'use strict';

           angular.module('tempApp', [])
             .controller('MainController',['$scope','$timeout', function ($scope,$timeout) {

               $scope.init =  function(){
                   console.log("Safety checkStatus page load");

                   $timeout(callAtTimeout, 3000);
               };
               function callAtTimeout(){
                       console.log("Safety checkStatus ***");
                   }

$scope.init();
        }]);
</script>
</body>
</html>

Alvaro Heras · Accepted Answer · 2016-09-02 05:44:44Z

2

You can try this?

'use strict';

    angular.module('tempApp')
      .controller('MainController',['$scope','$timeout','dService', function ($scope,$timeout, dService) {

       $scope.init =  function(){

            console.log("Safety checkStatus page load");

            $timeout(function () {
                  $scope.callAtTimeout();
            }, 1000);

       } 


       $scope.callAtTimeout = function(){
           console.log("Safety checkStatus ***");
       }

       $scope.init();
 }]);

answered Sep 2, 2016 at 5:44

Alvaro Heras

818 bronze badges

Thanks for your support. But still it's not working as expect.

Zusee Weekin
– Zusee Weekin

2016-09-02 05:50:51 +00:00
Commented Sep 2, 2016 at 5:50
Sorry . one question ... why you use }]); two times ?

Alvaro Heras
– Alvaro Heras

2016-09-02 05:58:36 +00:00
Commented Sep 2, 2016 at 5:58
mm..sorry It's typo. :

Zusee Weekin
– Zusee Weekin

2016-09-02 06:07:09 +00:00
Commented Sep 2, 2016 at 6:07
Thanks, this worked for me. But why does it work? Initially I had $timeout($scope.callAtTimeout(), 1000); then I changed it to $timeout(function () { $scope.callAtTimeout() }, 1000); and it started working.

Nathan Pena
– Nathan Pena

2019-11-01 13:57:10 +00:00
Commented Nov 1, 2019 at 13:57

Add a comment |

Makarov Sergey · Accepted Answer · 2016-09-02 05:44:41Z

0

Add 'dService'

.controller('MainController',['$scope','$timeout', 'dService', function ($scope,$timeout, dService) {

And use like

$timeout(callAtTimeout,3000);

answered Sep 2, 2016 at 5:44

Makarov Sergey

9327 silver badges21 bronze badges

Add a comment |

misss-popcorn · Accepted Answer · 2016-09-02 05:57:26Z

0

 'use strict';

        angular.module('tempApp')
          .controller('MainController',['$scope','$timeout','dService', function ($scope,$timeout, dService) {

            $scope.init =  function(){
                console.log("Safety checkStatus page load");
                $timeout(function () {
                  callAtTimeout()
                }, 3000);
            }  }]);


        function callAtTimeout(){
            console.log("Safety checkStatus ***");
        }

     }]);

You may also need to call $scope.init() explicitly

edited Sep 2, 2016 at 5:57

answered Sep 2, 2016 at 5:33

misss-popcorn

6002 silver badges13 bronze badges

Thanks for your support. I tried that too with no luck.

Zusee Weekin
– Zusee Weekin

2016-09-02 05:37:33 +00:00
Commented Sep 2, 2016 at 5:37
Please check my edited answer for changed $timeout()

misss-popcorn
– misss-popcorn

2016-09-02 05:48:33 +00:00
Commented Sep 2, 2016 at 5:48
@urvashi ` I added data-ng-init="init()"` You dont need to call it explicitely

RIYAJ KHAN
– RIYAJ KHAN

2016-09-02 05:49:54 +00:00
Commented Sep 2, 2016 at 5:49
Yes thats also correct,since html code is not here so i added 'may' :)

misss-popcorn
– misss-popcorn

2016-09-02 05:52:36 +00:00
Commented Sep 2, 2016 at 5:52
1

@ZuseeWeekin: check here jsfiddle.net/s6xy48t0/10 . I updated your fiddle. Now the alerts are showing. You were getting an error as the service wasn't defined in the fiddle.

Nikhilesh K V
– Nikhilesh K V

2016-09-02 07:13:42 +00:00
Commented Sep 2, 2016 at 7:13

| Show 5 more comments

Suresh Gogu · Accepted Answer · 2016-09-02 05:59:38Z

0

Problem is extra parenthesis in $scope.init()

$scope.init =  function(){
     console.log("Safety checkStatus page load");
     $timeout(function () {
          callAtTimeout();
     }, 3000);
};

edited Sep 2, 2016 at 5:59

answered Sep 2, 2016 at 5:54

Suresh Gogu

3895 silver badges12 bronze badges

I have data-ng-init="init()" in my view.

Zusee Weekin
– Zusee Weekin

2016-09-02 05:56:34 +00:00
Commented Sep 2, 2016 at 5:56
then no need to call in controller, but remove extra parenthesis @ZuseeWeekin

Suresh Gogu
– Suresh Gogu

2016-09-02 05:59:12 +00:00
Commented Sep 2, 2016 at 5:59
mm..sorry It's typo. :)

Zusee Weekin
– Zusee Weekin

2016-09-02 06:04:36 +00:00
Commented Sep 2, 2016 at 6:04

Add a comment |

RIYAJ KHAN · Accepted Answer · 2016-09-02 07:32:48Z

0

Why you need $timeout if you want to set timer.

$timeout will execute once.

Try with $interval.

Here is the changes :

$scope.init = function() {
          console.log("Safety checkStatus page load");
          $interval($scope.callAtTimeout, 1000);
        }
        $scope.callAtTimeout = function() {

          console.log("Safety checkStatus ***");
        }

Here is the working plunker

answered Sep 2, 2016 at 7:32

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

Add a comment |

Collectives™ on Stack Overflow

Angularjs $timeout not executing

6 Answers 6

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Your Answer

Sign up or log in

Post as a guest

Related