小編給大家分享一下AngularJs如何實現(xiàn)延時器、計時器，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于成都做網(wǎng)站、成都網(wǎng)站設計、涉縣網(wǎng)絡推廣、微信小程序定制開發(fā)、涉縣網(wǎng)絡營銷、涉縣企業(yè)策劃、涉縣品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供涉縣建站搭建服務，24小時服務熱線：13518219792，官方網(wǎng)址：www.chinadenli.net

1.$timeout延時器

apptest.controller("main",function($scope,$timeout){
  $scope.pink="pink";
  $scope.box="第二個盒子";
  $timeout(function(){
   $scope.pink="第一個盒子內(nèi)容，延遲兩秒后改變了";
  },2000);
setTimeout(function(){
  $scope.pink="第一個盒子內(nèi)容，延遲3秒后改變了";
   $scope.$apply();//手動更新視圖
},3000);
}

2.$interval計時器

 //計時器
var timer= $interval(function(){
   console.log(1);
 },1000);
//清除計時器
 $interval.cancel(timer);

點擊不可用

<button ng-click="clickb()" ng-disabled="flag">{{num}}</button>
$scope.flag=false;
$scope.clickb=(function(){
  $scope.flag=true;
  $scope.num=5;
  var int = $interval(function(){
    $scope.num--;
    if($scope.num==-1){
      $scope.flag=false;
      $scope.num="點擊倒計時5秒";
      $interval.cancel(int);
    }
  },1000);
});

看完了這篇文章，相信你對“AngularJs如何實現(xiàn)延時器、計時器”有了一定的了解，如果想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)站欄目：AngularJs如何實現(xiàn)延時器、計時器
當前網(wǎng)址：http://www.chinadenli.net/article32/pisesc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、移動網(wǎng)站建設、虛擬主機、、網(wǎng)站設計公司、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)