AngularJs 定时器/时间轴服务 心已赠人 2021-07-24 22:54 354阅读 0赞 时间轴服务 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>
还没有评论,来说两句吧...