AngularJs 服务之$timeout or $interval
2016-11-19 01:38
316 查看
<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <meta charset="UTF-8"> <title>$timeout&$interval 服务</title> </head> <!-- 服务:服务是一个对象或函数,对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $log打印调试信息 5: $http用于向服务端发起异步请求。 6: 同时还支持多种快捷方式如$http.get()、$http.post()、$http.jsonp。 --> <body> <div ng-controller="DemoController"> <ul> <li>{{msg}}</li> <li>{{now|date: 'yyyy-MM-dd hh:mm:ss'}}</li> <li><button ng-click="stop()">停</button></li> </ul> </div> <script src="../libs/angular.min.js"></script> <script> var App = angular.module('App', []); App.controller('DemoController', ['$scope', '$timeout', '$interval',function ($scope, $timeout, $interval) { $timeout(function () { $scope.msg = '执行了'; }, 3000); var timer = $interval(function () { $scope.now = new Date; }, 1000); $scope.stop = function () { $interval.cancel(timer); } }]); </script> </body> </html>
相关文章推荐
- AngularJS服务$http,$interval,$timeout
- Angularjs 常用服务 $http $location $anchorScroll $cacheFactory $timeout $interval $sce
- AngularJS服务$http,$interval,$timeout
- AngularJS定时器的使用与移除操作方法【interval与timeout】
- AngularJs中$timeout与$interval实际使用场景分析
- AngularJS 内置服务 ~ $interval:设置时钟
- AngularJS 的$timeout服务
- angularjs-$timeout 服务
- angularjs-$interval 服务
- angular内置服务interval和timeout
- AngularJS: $timeout $interval
- 服务$http/$interval/$timeout
- AngularJS 的$timeout服务示例代码
- AngularJS的$interval服务获取系统时间
- [转]AngularJS中$timeout和$interval的用法详解
- angularjs 中的setTimeout(),setInterval() / $interval 和 $timeout
- AngularJS 内置服务 ~ $timeout设置定时器(只调用一次)
- AngularJS中$timeout和$interval的用法详解
- angularJs中的provider服务
- AngularJS教程 AngularJS从0到1——AngularJS服务