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