我是一名初学者AngularJS / html用户,他一直在试图找到一个代码片段,为网络应用程序制作时钟/时间项。
网络搜索没有提供简单的结果,因为我期望他们的东西如此微不足道,所以我以为我会发布这个问题得到一些答案,也使这更容易找到别人。
我已经发布了我的解决方案,但希望看到在选择一个答案之前是否有更好的选择!
这对我来说相当不错,我觉得很容易遵循noobs。看到它在行动
here
JavaScript:
function TimeCtrl($scope,$timeout) { $scope.clock = "loading clock..."; // initialise the time variable $scope.tickInterval = 1000 //ms var tick = function() { $scope.clock = Date.now() // get the current time $timeout(tick,$scope.tickInterval); // reset the timer } // Start the timer $timeout(tick,$scope.tickInterval); }
HTML:
<div ng-controller='TimeCtrl'> <p>{{ clock | date:'medium'}}</p> </div>
不要忘记在你的身体标签中加入angularJS和’ng-app’。