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

来源：互联网发布：淘宝网图标放桌面编辑：程序博客网时间：2024/06/01 09:05

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

阅读全文

0 0