Home
Run >
<!DOCTYPE html> <html> <head> <!-- www.techstrikers.com --> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.1/angular.min.js"></script> <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"> <title>AngularJS $interval with counter parameter Example</title> <script> var app = angular.module('app', []); app.controller("IntrevalController", function ($scope, $interval) { $scope.counter = 0; $scope.Counter = function () { $scope.counter = $scope.counter + 1; } $scope.StartCounter = function () { $interval($scope.Counter, 1000, 10); } }); </script> </head> <body style="background-color:#DDE4E9;"> <fieldset style="background-color:#DDE4E9;"> <legend>AngulerJS $interval Service with counter parameter Example</legend> <div ng-app="app"> <div ng-controller="IntrevalController"> <button ng-click="StartCounter()">Start Counter</button> <p style="font-family:Arial;color:yellow;background:steelblue;padding:3px;width:350px;" >Counter : - {{counter}}</p> </div> </div> </fieldset> </body> </html>