$scope.countdown = 10;
var myTime = setInterval(function() {$scope.countdown--;$scope.$digest(); // 通知视图模型的变化}, 1000);// 倒计时10-0秒,但算上0的话就是11s
setTimeout(function() {// Do SomeThing
clearInterval(myTime);$scope.countdown.$destroy();
}, 11000);

  $scope.countdown="获取验证码";$scope.countdownEvent=function(){      $scope.countdown=10;var myTime=setInterval(function(){if($scope.countdown>1){$scope.countdown--;}else{$scope.countdown="获取验证码";clearInterval(myTime);}},1000);}

 var myinterval;$scope.countdown = 10;$scope.aa=function(){$scope.countdown = 10;               mytimeout=$interval(function(){if($scope.countdown>1){$scope.countdown--;}else{$interval.cancel(mytimeout);$scope.countdown = 10; }},1000);       }

  

转载于:https://www.cnblogs.com/xiaotaiyang/p/4829080.html

angular 倒计时相关推荐

  1. 使用angular实现60秒倒计时(手机号注册)

    <script type="text/javascript">// 模块定义 var signupApp = angular.module("signupAp ...

  2. angular moment 倒计时_Moment 推出多款适用苹果 iPhone 12 的 MagSafe 配件:包括快速安装外接镜头保护壳 - iPhone 12...

    苹果在几周前推出 iPhone 12 系列时还正式公布了新的 MagSafe 配件标准,通过内置于 iPhone 12 后盖的 MagSafe 组件,配件厂商可以为 iPhone 带来玩法更多样的产品 ...

  3. angular moment 倒计时_倒计时3天丨探寻日本室内设计之道

    近年来, 在世界设计领域, 日本设计备受诸多人青睐与认可, 涌现出一批设计领域的大师级人物 以及优秀作品. 具体到室内设计范畴, 日本设计又有哪些可值得借鉴.学习之处? 可以为我们提供哪些创意灵感?距 ...

  4. 倒计时1天,六位专家周末带你解锁前端研发新姿势

    倒计时1天,由CSDN全力打造的「前端开发在线峰会」将于明天(7月8日)在CSDN学院召开.来自Smashing Magazine.美国Hulu.百度.美团.去哪儿.广发证券企业的六位前端技术专家,将 ...

  5. angular基础学习

    angular基础学习 核心 一. angular环境搭建 1. 安装前准备: 1.1 安装nodejs 1.2 安装 cnpm, 尽量不要使用 1.3 使用npm/cnpm命令安装angular/c ...

  6. “菁英汇项目”(angular)个人总结,以及经验总结

    整个项目下来,真正开发时间没有十天,两个前端一个负责后台,一个负责前台.开会的时候自告奋勇了,说要做前台,感觉更有挑战些.这是我的第一个angular项目,做起来非常的顺利. 一.浏览器的兼容性bug ...

  7. 七、angularjs 倒计时

    使用定时器时离开页面需要清除定时器,清除的方法有两种分别针对页面有缓存和没有缓存 1.页面有缓存 2.页面没有缓存 angularjs倒计时首先需要注入:$interval 60s倒计时 vm.sec ...

  8. angular2代理不可用_如何使任何文件在Angular中公开可用

    angular2代理不可用 Sometimes we need to make some files available publicly so that you can access those o ...

  9. 一元购宝倒计时之angularJs-$interval

    setInterval更新的数据不能够及时的在页面做更新显示,但angular自带的$interval可以做到,用法和setInterval完全一样,这里只做了秒倒计时,没有做分钟倒计时,另外time ...

  10. angular学习-2021.5

    angular学习笔记 1.基本概览 模块 Module 组件 Component 指令 Directive 服务 Service 路由 Router 2. 模块Module 2.1 模块的含义 2. ...

最新文章

  1. GIT上传服务器同步到web目录
  2. TypeError: can only concatenate str (not “float“) to str
  3. Linux查看多核CPU利用率
  4. 【机器学习】那些决定模型上限的操作
  5. vue-element-admin后台管理模板脚手架
  6. SpringBoot 全局异常处理
  7. 设置输入框placeholder文字颜色
  8. 带有帐号密码验证的apche服务器文件下载
  9. linux文件未识别,linux的内核文件vmlinuz介绍-深入理解Linux重定向的使用-网卡eth0,未识别的端口的解决方法_169IT.COM...
  10. URAL 1934 Black Spot --- 最短的简单修改
  11. 【Discuz系列教程2】论坛入口forum.php
  12. 算法分析 | 分支限界算法设计之布线问题 C语言版
  13. 一元高次方程c语言实现,c语言实现一元二次方程求解
  14. Your IP address is spelled incorrectly问题排查
  15. 关于经纬度试算距离和范围
  16. 软件验证计划简化版模板
  17. 蚂蚁链API参考接口
  18. 5G Abbreviations(5G中简写和缩略语含义)
  19. Python为什么要使用包管理、插件化开发?
  20. QT百度离线地图(一)

热门文章

  1. Servlet期末复习笔记3
  2. ScheduledExecutorService 延迟 / 周期执行线程池
  3. 阶段1 语言基础+高级_1-3-Java语言高级_09-基础加强_第3节 注解_17_注解_解析注解...
  4. Python编程学习笔记:列表
  5. 记录.net使用ueditor富文本编辑器
  6. JAVA基础--JAVA语言组成01
  7. NLTK学习笔记(六):利用机器学习进行文本分类
  8. Struts标签 bean:write用法
  9. XPath 简单语法
  10. file owner