如何在AngularJS和HTML中制作滴答钟(时间)
发布时间:2020-12-17 08:27:00 所属栏目:安全 来源:网络整理
导读:我是一名初学者AngularJS / html用户,他一直在试图找到一个代码片段,为网络应用程序制作时钟/时间项。 网络搜索没有提供简单的结果,因为我期望他们的东西如此微不足道,所以我以为我会发布这个问题得到一些答案,也使这更容易找到别人。 我已经发布了我的
我是一名初学者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’。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |