AngularJS定时器闹钟

时间:2014-10-21 23:28:58

标签: javascript angularjs

我了解如何显示系统时间/日期。我还有文本框,用户输入他们想要输入的时间。我称之为第一次警报。

我想要做的是检查一旦系统时间到达第一个警报,它会做什么。我目前有一个文字标签,但这不是重要的部分。

在我这里的html部分

        <input type="text" placeholder="Enter Time Start Here" ng-model="firstAlert"/>{{firstAlert}}
        <button type="button" ng-click="Check()">Submit</button>

在JS部分

$scope.Check=function(){
    if(Date.now() == $scope.firstAlert)
    {
        $scope.info = "They're the same!";
    }
}

我想知道的是这样做的最佳方法。显然我的第一个不是正确的。我已经搜索了一些例子,但我主要讨论了如何做一个计时器,而这不是我关注的重点。我只想让用户输入日期和时间(mm / dd / yy hh:mm PM或AM)。或者更确切地说是“短”日期格式。

2 个答案:

答案 0 :(得分:2)

您可能想要使用角度$interval$timeout

Check中的逻辑可能必须更精细,但如果您想检查每1,这大致是您想要的:

$interval($scope.Check, 1000);

答案 1 :(得分:1)

假设$ scope.fisrtAlert的格式正确,您可能希望这样做。

var timer = $interval(function(){
   if($scope.firstAlert && Date.now()==$scope.firstAlert){
      $scope.info = "Ring Ring";
   }
}, 1000);

$scope.stopTimer = function(){
  $interval.cancel(timer);
}