AngularJS 内置服务 ~ $interval:设置时钟

WEB前端 waitig 414℃ 百度已收录 0评论

<!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> 


本文由【waitig】发表在等英博客
本文固定链接:AngularJS 内置服务 ~ $interval:设置时钟
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)