分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

AngularJs ?延时器、计时器

发布时间:2023-09-06 01:11责任编辑:蔡小小关键词:Angular

1.$timeout延时器

apptest.controller("main",function($scope,$timeout){ ???$scope.pink="pink"; ???$scope.box="第二个盒子"; ???$timeout(function(){ ?????$scope.pink="第一个盒子内容,延迟两秒后改变了"; ???},2000);setTimeout(function(){ ???$scope.pink="第一个盒子内容,延迟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 ?延时器、计时器

原文地址:http://www.cnblogs.com/SPHmomo/p/7530836.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved