Javascript 输入一个数字并显示在'；hh:mm:ss'/AngularJS中的时间格式_Javascript_Angularjs_Countdowntimer_Angularjs Ng Model_Ng Bind

Javascript 输入一个数字并显示在'；hh:mm:ss'/AngularJS中的时间格式

javascript angularjs

Javascript 输入一个数字并显示在'；hh:mm:ss'/AngularJS中的时间格式,javascript,angularjs,countdowntimer,angularjs-ng-model,ng-bind,Javascript,Angularjs,Countdowntimer,Angularjs Ng Model,Ng Bind,我在我的应用程序中设置了一个功能，当我输入一个特定的数字时，它将以hh:mm:ss格式显示并开始倒计时。输入的数字将被视为分钟，例如，当我输入2时，显示将为00:02:00，然后开始倒计时 <body ng-app="mehmetcankerApp">  <div ng-controller="counterCtrl">

我在我的应用程序中设置了一个功能，当我输入一个特定的数字时，它将以hh:mm:ss格式显示并开始倒计时。输入的数字将被视为分钟，例如，当我输入2时，显示将为00:02:00，然后开始倒计时

 <body ng-app="mehmetcankerApp">
 <!--counterCtrl App Controller -->   
<div ng-controller="counterCtrl">
 <!--Angular Binding -->  
 <input type="number" ng-model="counter"/>
<p ng-model="format" ng-bind="counter"  id="numOfDozens"></p>
    <button ng-click="stop()">Stop</button>
    <button ng-click="countdown()">Start</button>     
</div>



停止
开始

整个代码都在这个链接中：

在这里你们可以看到，我创建了一个函数来获取一个样本日期和输入文本（计数器）的准确时间

getMyTime（）

将返回具有正确时间的示例日期，并使用日期过滤器对其进行格式化

 $scope.getMyTime = function(){
   var myTime = new Date(01,01,01);
   myTime.setMinutes($scope.counter);
   return myTime;
 }

希望这对你有帮助

请随时询问对此的任何疑问

您需要使用自定义筛选器和间隔：

var-app=angular.module（'app'，[]）；
app.controller（'counterCtrl'，['$scope'，'$interval'，
函数（$scope，$interval）{
$scope.minutes=0；
$scope.seconds=$scope.minutes*60；
$scope.$watch（'minutes'，function（）{
$scope.seconds=$scope.minutes*60；
});
$scope.countdown=函数（）{
如果（$scope.s）
 $scope.getMyTime = function(){
   var myTime = new Date(01,01,01);
   myTime.setMinutes($scope.counter);
   return myTime;
 }