每天进步一点点!!!第一次接触angularJS的时候只会跟着上面的去写,也不晓得怎么结合js去写,今天试了试,做一个简单的时间显示效果。代码如下:
这个东东在ie下貌似会报错。在火狐下是正常的哦!
<!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下貌似会报错。在火狐下是正常的哦!