AngularJS之定时器(interval)
2016-08-28 22:04
253 查看
1、问题背景
设置一个定时器,每1秒改变count变量
2、实现源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> AngularJS之定时器(interval)</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app = angular.module("inApp",[]);
app.controller("inCon",function($scope,$interval){
$scope.count = 0;
$interval(function(){
$scope.count++;
},1000);
});
</script>
</head>
<body ng-app="inApp" ng-controller="inCon">
<div>
{{count}}
</div>
</body>
</html>
3、实现结果
设置一个定时器,每1秒改变count变量
2、实现源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> AngularJS之定时器(interval)</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app = angular.module("inApp",[]);
app.controller("inCon",function($scope,$interval){
$scope.count = 0;
$interval(function(){
$scope.count++;
},1000);
});
</script>
</head>
<body ng-app="inApp" ng-controller="inCon">
<div>
{{count}}
</div>
</body>
</html>
3、实现结果
相关文章推荐
- AngularJS定时器的使用与移除操作方法【interval与timeout】
- AngularJS监听页面关闭,定时器$interval()的使用
- AngularJs定时器$interval 和 $timeout详解
- AngularJS停止定时器$interval
- 50行代码实现的高性能动画定时器 raf-interval
- angularjs-$interval 服务
- AngularJS服务$http,$interval,$timeout
- AngularJS中的定时器,以及定时器的移除
- AngularJS入门3-小例子-定时器
- angularjs 移除定时器
- AngularJs 服务之$timeout or $interval
- AngularJS 内置服务 ~ $interval:设置时钟
- 定时器 setTimeout setInterval
- AngularJS服务$http,$interval,$timeout
- Js setInterval 定时器笔记
- window.setInterval做定时器和使用window.clearInterval()停止定时器
- AngularJS的$interval服务获取系统时间
- 一元购宝倒计时之angularJs-$interval
- AngularJS中$interval的用法
- angularjs 中的setTimeout(),setInterval() / $interval 和 $timeout