欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Ionic + Angular.js實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)功能的方法

 更新時(shí)間：2017年06月12日 10:31:11   作者：SmartSean  
驗(yàn)證碼倒計(jì)時(shí)這個(gè)功能相信對(duì)大家每個(gè)人來說都不陌生，之前介紹了在Android中的實(shí)現(xiàn)方法，下面這篇文章主要給大家介紹了利用Ionic + Angular.js實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)功能的相關(guān)資料，文中介紹的非常詳細(xì)，需要的朋友們下面來一起看看吧。

前言

之前跟大家分享了關(guān)于 Android 原生實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)，地址是這里，現(xiàn)在公司使用 Ionic 開發(fā)的 App 也要實(shí)現(xiàn)類似的功能，現(xiàn)在也記錄下來，供大家參考：

效果圖：


正文

首先介紹下與本文相關(guān)的概念 $interval

$interval 是 window.setInterval 的 Angular 包裝形式，函數(shù)如果在沒有被取消的時(shí)候會(huì)無限執(zhí)行。（取消使用 cancel(promise) ）

用法：

$interval(fn,delay,[count],[invokeApply],[Pass]);

參數(shù)說明：

  • fn : 無限執(zhí)行的函數(shù) 必須參數(shù)，必傳
  • delay : 每次調(diào)用的間隔毫秒數(shù)值 必須參數(shù)，必傳
  • count : 循環(huán)次數(shù)的數(shù)值，如果沒設(shè)置，則無限制循環(huán) 非必須參數(shù)，可不傳
  • invokeApply : 如果設(shè)置為false，則避開臟值檢查，否則將調(diào)用$apply 非必須參數(shù)，可不傳
  • Pass : 函數(shù)的附加參數(shù) 非必須參數(shù)，可不傳

方法：

1、cancel(promise)

      promise：$interval函數(shù)的返回值。

具體實(shí)現(xiàn)

 $scope.description = "獲取驗(yàn)證碼";

 var timerHandler = null;

 /**
 * 倒計(jì)時(shí)
 * @param time 控制循環(huán)次數(shù)
 */
 var countDown = function (second,time) {
 timerHandler = $interval(function () {
  if (second <= 0) {
  $interval.cancel(timerHandler);
  second = 59;
  $scope.description = "獲取驗(yàn)證碼";
  } else {
  $scope.description = second + "s 后可重發(fā)";
  second--;
  }
 }, 1000, time)
 }

調(diào)用

countDown(59,60);

最后別忘了注入 $interval 。

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

最新評(píng)論