时间轴服务
1、NG中也能写js语法,因为输入js范围
2、使用时需要在控制器脚本中注入
3、注入服务参数可以有多个
(1)间隔调用服务$interval
1、使用时需要在controller脚本中注入$interval
2、计时器序号=$interval(function(){},调用间隔毫秒数)
(2)延迟调用服务$timeout
1、使用时需要在controller脚本中注入$timeout
2、计数器序号=$timeout(function(){},延迟调用毫秒)
(3)清除时间轴服务
$interval.cancel(计时器序号);
$timeout.cancel(计时器序号);
代码示例:
<html ng-app='app' ng-controller='main' >
<head>
<meta charset="utf-8">
<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>
<title ng-bind='mainTitle'></title>
<script src='js/angular.js'></script>
<script src='js/angular.route.min.js'></script>
<style>
</style>
</head>
<body >
<script>
var app=new angular.module('app',[]);
app.controller('main',['$scope','$interval','$timeout',function($scope,$interval,$timeout){
$scope.timer=null;
$scope.timer= $interval(function(){
console.log('2');
$interval.cancel($scope.timer);
},1000)
var time2=null;
time2=$timeout(function(){
console.log(10);
},2000)
$timeout.cancel(time2);
}])
</script>
</body>
</html>