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

最新推荐文章于 2020-11-21 12:47:06 发布

Dewey666

最新推荐文章于 2020-11-21 12:47:06 发布

阅读量724

点赞数

分类专栏：效果初现文章标签： AngularJS服务interval

本文链接：https://blog.csdn.net/IT666DHW/article/details/78233877

版权

效果初现专栏收录该内容

108 篇文章 3 订阅

订阅专栏

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