angularJS $interval如何显示时间

最新推荐文章于 2018-09-13 17:27:31 发布

仰望星空的包子

最新推荐文章于 2018-09-13 17:27:31 发布

阅读量1.2k

点赞数

分类专栏： angularJS学习文章标签： angular interval

本文链接：https://blog.csdn.net/sinat_21206105/article/details/53336641

版权

angularJS学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

每天进步一点点！！！第一次接触angularJS的时候只会跟着上面的去写，也不晓得怎么结合js去写，今天试了试，做一个简单的时间显示效果。代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>$timeout 用法</title>
	<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
	<div ng-app="myapp" ng-controller="myctrl">
		<h1>{{header}}</h1>
		<h2>{{mm}}</h2>
	</div>
	<script type="text/javascript">
		var app=angular.module('myapp', []);
		app.controller('myctrl', function($scope,$interval){
			$scope.header='hh';
			var x=new Date().getDay();

			// $scope.mm=y+':'+z;
			// $scope.mm=y+':'+z;
			$interval(function(){
							var y=new Date().getHours();
			var z=new Date().getMinutes();
			var a=new Date().getSeconds();
			var aa=checkTime(a);
			function checkTime(i){
				if(i<10){
					i='0'+i;}
					else{i=i;}
					return i;
				}
				
				$scope.mm=y+':'+z+':'+aa;
			},1000);
		
		})
	</script>
</body>
</html>

这个东东在ie下貌似会报错。在火狐下是正常的哦！

仰望星空的包子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularJS $interval如何显示时间

每天进步一点点！！！第一次接触angularJS的时候只会跟着上面的去写，也不晓得怎么结合js去写，今天试了试，做一个简单的时间显示效果。代码如下： $timeout 用法 {{header}} {{mm}} var app=angular.module('myapp', []); app.controller('myctrl', function($
复制链接

扫一扫