溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

AngularJs如何實(shí)現(xiàn)延時(shí)器、計(jì)時(shí)器

發(fā)布時(shí)間：2021-07-21 14:06:55 來(lái)源：億速云 閱讀：359 作者：小新 欄目：web開(kāi)發(fā)

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

1.$timeout延時(shí)器

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

2.$interval計(jì)時(shí)器

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

點(diǎn)擊不可用

<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="點(diǎn)擊倒計(jì)時(shí)5秒";
      $interval.cancel(int);
    }
  },1000);
});

看完了這篇文章，相信你對(duì)“AngularJs如何實(shí)現(xiàn)延時(shí)器、計(jì)時(shí)器”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手