AngularJS之定时器（timeout）
2016-08-22 14:34
288 查看
1、问题背景
AngularJS某一时间段后，出现另一种情况，这里需要用到定时器timeout
2、实现源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS之定时器（timeout）</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app = angular.module("timeApp",[]);
app.controller("timeController",function($scope,$timeout){
$scope.information = 111;
$timeout(function(){
$scope.information = 222;
},2000);
});
</script>
</head>
<body>
<div ng-app="timeApp" ng-controller="timeController">
<label>{{information}}</label>
</div>
</body>
</html>
3、实现结果
（1）初始化时
111
（2）2S之后
222
AngularJS某一时间段后，出现另一种情况，这里需要用到定时器timeout
2、实现源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS之定时器（timeout）</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app = angular.module("timeApp",[]);
app.controller("timeController",function($scope,$timeout){
$scope.information = 111;
$timeout(function(){
$scope.information = 222;
},2000);
});
</script>
</head>
<body>
<div ng-app="timeApp" ng-controller="timeController">
<label>{{information}}</label>
</div>
</body>
</html>
3、实现结果
（1）初始化时
111
（2）2S之后
222
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- AngularJS 内置服务 ~ $timeout设置定时器（只调用一次）
- AngularJS之定时器（timeout）
- AngularJS定时器的使用与移除操作方法【interval与timeout】
- AngularJS服务$http,$interval,$timeout
- 定时器 setTimeout setInterval
- [转]AngularJS中$timeout和$interval的用法详解
- AngularJS 的$timeout服务
- AngularJS中的定时器，以及定时器的移除
- Juqery 定时器 settimeout setInterval
- Flex和Flash定时器 setTimeout & setInterval 使用要点
- AngularJS 的$timeout服务示例代码
- Angularjs 常用服务 $http $location $anchorScroll $cacheFactory $timeout $interval $sce
- AngularJS $timeout和 $interval ，定时器手机验证码倒计时
- Angularjs 基于$timeout延时加载
- Linux内核完全注释阅读笔记1：O(1)时间复杂度查找timeout定时器
- AngularJS监听页面关闭,定时器$interval()的使用
- AngularJS入门3-小例子-定时器
- JS 定时器 setTimeout 与 setInterval 的区别和用法
- golang 中的定时器（timer），更巧妙的处理timeout
- AngularJS 定时器(获取当前日期)