AngularJS 内置服务 ~ $interval:设置时钟
2017-10-14 13:56
561 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS 内置服务 ~ $interval:设置时钟</title>
<script type="text/javascript" src="../js/angular.js" ></script>
<script>
/* $interval:设置定时器。 window.setInterval的angular的包装形式。
语法: $interval(fn,delay,[count],[invokeApply],[Pass]);
fn:一个将被反复执行的函数。
delay:每次调用的间隔毫秒数值。
count:循环次数的数值,如果没设置,则无限制循环。
invokeApply:如果设置为false,则避开脏值检查,否则将调用$apply。
Pass:函数的附加参数。
*/
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$interval){
$interval(function(){
$scope.date = new Date().toLocaleTimeString();
},1000,10000000000000000000000000000000000000000);
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>当前系统时间:{{date}}</p>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS 内置服务 ~ $interval:设置时钟</title>
<script type="text/javascript" src="../js/angular.js" ></script>
<script>
/* $interval:设置定时器。 window.setInterval的angular的包装形式。
语法: $interval(fn,delay,[count],[invokeApply],[Pass]);
fn:一个将被反复执行的函数。
delay:每次调用的间隔毫秒数值。
count:循环次数的数值,如果没设置,则无限制循环。
invokeApply:如果设置为false,则避开脏值检查,否则将调用$apply。
Pass:函数的附加参数。
*/
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$interval){
$interval(function(){
$scope.date = new Date().toLocaleTimeString();
},1000,10000000000000000000000000000000000000000);
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>当前系统时间:{{date}}</p>
</body>
</html>
相关文章推荐
- AngularJS 内置服务 ~ $timeout设置定时器(只调用一次)
- 夺命雷公狗—angularjs—15—内置封装好的计时器$interval和$timeout
- websphere停止服务:此日期在当前日期/时间之后有效。如果客户机的时钟设置得比服务器的时钟早,就会出现这种情况。请验证此客户机与服务器的时钟是否同步,然后重试该请求。
- angularjs的内置服务
- AngularJS的内置服务和路由
- AngularJS内置服务器--$http服务的简单用法
- AngularJS 别有洞天的内置服务
- AngularJS内置服务$http的使用(对数据库的增删改)
- 前端MVC学习笔记(三)——AngularJS服务、路由、内置API、jQueryLite
- AngularJS:全局变量设置之value vs constant vs rootscope vs 服务
- [置顶] 跟我学AngularJS:全局变量设置之value vs constant vs rootscope vs 服务
- AngularJS的内置服务与路由
- angularjs-$interval 服务
- AngularJs内置服务$http
- AngularJS内置的一些服务之$http
- 前端MVC学习总结(三)——AngularJS服务、路由、内置API、jQueryLite
- [原]NTP时钟同步服务设置
- AngularJs 服务之$timeout or $interval
- 前端MVC学习总结(三)——AngularJS服务、路由、内置API、jQueryLite
- Node.js开发入门—使用AngularJS内置服务