夺命雷公狗—angularjs—15—内置封装好的计时器$interval和$timeout
2016-08-20 03:28
399 查看
这里其实和js源生的效果是一样的，但是源生的在angularjs里面不能直接正常执行代码如下所示：
效果如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/angular.min.js"></script>
</head>
<body ng-app="myapp">
<div ng-controller="app">
<p>{{num1}}</p>
<p>{{num2}}</p>
</div>
</body>
<script>
var app = angular.module('myapp',[]);
app.controller('app',function($scope,$interval,$timeout){
$scope.num1 = 0;
$scope.num2 = 0;
$interval(function(){
$scope.num1 = $scope.num1 + 1;
},1000);
$timeout(function(){
$scope.num2 = $scope.num2 + 1;
},6000);
});
</script>
</html>效果如下所示：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 夺命雷公狗—angularjs—25—angular内置的方法（高级）
- 夺命雷公狗—angularjs—17—angularjs的静态库
- 夺命雷公狗—angularjs—24—extend继承对象
- 夺命雷公狗—angularjs—1—三种数据版定方式
- 夺命雷公狗—angularjs—5—ng-switch的用法实现下拉更换板块的实现
- 夺命雷公狗—angularjs—12—get参数的接收
- 夺命雷公狗—angularjs—2—模拟表单验证
- 夺命雷公狗—angularjs—6—单条数据的遍历
- 夺命雷公狗PHP-----4--常量和内置常量（魔术常量）
- AngularJS 内置服务 ~ $interval：设置时钟
- 夺命雷公狗—angularjs—3—表单验证的高级用法
- 夺命雷公狗—angularjs—8—ng-class的简单用法
- 夺命雷公狗—angularjs—18—angularjs的事件
- 夺命雷公狗—angularjs—19—angular-route
- 夺命雷公狗—angularjs—13—post参数的接收发送
- 夺命雷公狗—angularjs—10—angularjs里面的内置函数
- AngularJs $interval 和 $timeout
- 夺命雷公狗—angularjs—22—bind改指向和传参方式
- AngularJs-ui modal 封装 dialog
- 夺命雷公狗ThinkPHP项目之----企业网站12之文章添加的实现