Angular.js 인증 코드 카운트다운 60 초 단 추 를 가 져 오 는 간단 한 방법

머리말
본 고 는 Angular.js 가 인증 코드 카운트다운 60 초 버튼 을 얻 는 것 에 관 한 내용 을 소개 했다.이 기능 에 대해 서 는 더 이상 소개 하지 않 아 도 낯 설 지 않 을 것 이 라 고 믿 기 때문에 다음 말 은 더 이상 하지 않 고 실현 하 는 방법 을 살 펴 보 자.
1.controller 의 코드


angular.module('controllers')
 .controller('LoginCtrl', function ($scope, $location,$ionicLoading,$rootScope,$interval,$timeout) {
 $scope.timer = false;
 $scope.timeout = 60000;
 $scope.timerCount = $scope.timeout / 1000;
 $scope.text = "     ";
 $scope.onClick = function(){
  $scope.showTimer = true;
  $scope.timer = true;
  $scope.text = "      ";
  var counter = $interval(function(){
  $scope.timerCount = $scope.timerCount - 1;
  }, 1000);
  $timeout(function(){
  $scope.text = "     ";
  $scope.timer = false;
  $interval.cancel(counter);
  $scope.showTimer = false;
  $scope.timerCount = $scope.timeout / 1000;
  }, $scope.timeout);
 };
 });

html 페이지


<button class="yz-btn" ng-click="onClick()" ng-disabled="timer"><span ng-if="showTimer">{{timerCount}}</span>{{text}}</button>

주:
      1class="yz-btn"button 의 스타일 로 스스로 수정 할 수 있 습 니 다.
      2.4.567914.제어 button 을 클릭 할 수 있 습 니까?
      3.4.567914.디지털 디 스 플레이 제어;
      4ng-disabled="timer"트리거 효과,텍스트 text 기본"인증 코드 가 져 오기",클릭 후"60s 후 다시 가 져 오기".
3.효과 도
1.클릭 전

2、클릭 후

총결산
이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가치 가 있 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Angular 프로그램을 수동으로 시작하는 방법

bootstrap 속성은 보통 프로그램을 시작하는 데 사용되는 구성 요소를 포함하고 Angular는 DOM에서 이 시작 구성 요소에 일치하는 선택기를 조회하고 실례화합니다. Angular 시작 과정은 프로그램을 시작...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Angular.js 인증 코드 카운트다운 60 초 단 추 를 가 져 오 는 간단 한 방법

좋은 웹페이지 즐겨찾기