AngularJs 延時器、計時器實例代碼
更新時間：2017年09月16日 14:41:41 作者：莫_莫
這篇文章主要介紹了AngularJs 延時器、計時器實例代碼,需要的朋友可以參考下
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);
});
總結(jié)
以上所述是小編給大家介紹的AngularJs 延時器、計時器實例代碼，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關(guān)文章
本文通過示例向大家介紹了AngularJS語法的使用，小伙伴們認真研讀下吧，非常的實用哦。2015-01-01
在AngularJS中，控制器是一個Javascript函數(shù)（類型/類），用來增強除了根作用域意外的作用域?qū)嵗摹．斈慊蛘逜ngularJS本身通過<code>scope.$new</code>倆創(chuàng)建一個新的子作用域?qū)ο髸r，有一個選項能讓你將它當做參數(shù)傳遞給控制器。2015-05-05
這篇文章主要為大家介紹了盤點分析Angular框架那些著名的安全漏洞,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
大家都知道依賴注入式AngularJS的重要特性之一，之前我們已經(jīng)介紹了關(guān)于Angular 4依賴注入基礎(chǔ)的內(nèi)容，下面這篇文章主要給大家介紹了關(guān)于Angular 4依賴注入之組件服務注入的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-06-06
下面小編就為大家分享一篇angular2中使用第三方js庫的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
跨域請求一直是網(wǎng)頁編程中的一個難題，在過去，絕大多數(shù)人都傾向于使用JSONP來解決這一問題。不過現(xiàn)在，我們可以考慮一下W3C中一項新的特性——CORS（Cross-Origin Resource Sharing）了。2016-08-08
在Angular中實現(xiàn)一個級聯(lián)效果的下拉框的示例代碼
這篇文章主要介紹了在Angular中實現(xiàn)一個級聯(lián)效果的下拉框的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
Angular2 自定義validators的實現(xiàn)方法
angular 當需要form表單需要驗證時，angular自帶了許多校驗器，但是很多時候自帶的無法滿足業(yè)務需求，這時候就需要自定義的校驗器，下面通過本文給大家分享Angular2 自定義validators的實現(xiàn)方法，需要的朋友參考下吧2017-07-07
AngularJS ng-controller 指令簡單實例
本文主要介紹AngularJS ng-controller 指令,這里對ng-controller指令資料的整理,并附代碼示例和效果圖,有需要的朋友看下2016-08-08
DevUI 是一款面向企業(yè)中后臺產(chǎn)品的開源前端解決方案，它倡導沉浸、靈活、至簡的設(shè)計價值觀，提倡設(shè)計者為真實的需求服務，為多數(shù)人的設(shè)計，拒絕嘩眾取寵、取悅眼球的設(shè)計。如果你正在開發(fā) ToB 的工具類產(chǎn)品，DevUI 將是一個很不錯的選擇！2021-05-05