AngularJS之定时器（timeout）

最新推荐文章于 2020-11-21 12:47:06 发布
最新推荐文章于 2020-11-21 12:47:06 发布
阅读量338 收藏
点赞数
文章标签： javascript ViewUI

1、问题背景

AngularJS某一时间段后，出现另一种情况，这里需要用到定时器timeout


2、实现源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>AngularJS之定时器（timeout）</title>
		<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
		<script>
			var app = angular.module("timeApp",[]);
			app.controller("timeController",function($scope,$timeout){
				$scope.information = 111;
				$timeout(function(){
					$scope.information = 222;
				},2000);
			});
		</script>
	</head>
	<body>
		<div ng-app="timeApp" ng-controller="timeController">
			<label>{{information}}</label>
		</div>
	</body>
</html>

3、实现结果

（1）初始化时

111

（2）2S之后

222

iteye_8264
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AngularJS $timeout
skysys的研究小屋
02-26 466
angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行 如果需要取消一个timeout,调用$timeout.cancel(promise)方法 用法: $timeout(fn, [delay], [invokeApply]); fn: 回调...
Angular 定时器$timeout和$interval
xuanhaiyang2008的专栏
08-04 9228
项目中有用到定时器定时刷新页面的数据，在网上查看了一些资料，整理了一下，备忘。
angularjs之$timeout指令
05-24 153
angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行. 如果需要取消一个timeout,调用$timeout.cancel(promise)方法. 用法: $timeout(fn,[delay],[invokeApp...
AngularJs定时器$interval 和 $timeout详解
10-19
主要介绍了AngularJs定时器$interval 和 $timeout详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
AngularJS定时器的使用与移除操作方法【interval与timeout】
10-20
主要介绍了AngularJS定时器的使用与移除操作方法,结合实例形式分析了AngularJS中interval与timeout方法的相关使用技巧,需要的朋友可以参考下
AngularJS 的$timeout服务示例代码
01-21
废话不多说了，直接给大家贴代码了，具体代码如下所示： <!...<... <head>...app.controller(myCtrl,function($scope,$timeout){ //获取当前系统的时间对象 $scope.name=战三; //设置定时器，每
AngularJS 内置服务 ~ $timeout设置定时器（只调用一次）
IT666DHW的博客
10-14 1793
AngularJS 内置服务 ~ $timeout设置定时器（只调用一次） // $timeout：设置定时器（只调用一次） var app = angular.module("myApp",[]); app.controller("myCtrl",function($scope,$timeout){ $scope.name = " ☯ "; $timeout(fu
angularjs之$timeout指令详解
01-19
angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行. 如果需要取消一个timeout,调用$timeout.cancel(promise)方法. 用法: $timeout(fn, [delay], [invokeApply]); fn: 回调函数(必填) delay: number类型.延迟的时间(非必填),如果不填,表示等线程空下来以后就执行.比如当页面被渲染完成后. invokeApply: 布尔值.是否需要进行脏值检测(非必填
angularjs中循环定时器的三种方法
热门推荐
晨风暮舞
05-05 1万+
本文主要设计定时器的三种循环，模板自配 1、$interlval实现，比较简单和原生js的setInterval比较相似 var app = angular.module('myApp',[]); app.run(function($rootScope , $interval){ var img=["http://hdn.xnimg.cn/photos/hdn321/201306
AngularJS $timeout和$interval内置服务
houyanhua1的专栏
04-29 732
demo.html：&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;AngularJS&lt;/title&gt; &lt;script src="angular.min.js"&g
Angular定时器setInterval()
记录工作开发中遇到的技术难点，方便自己查看，也希望可以帮助到他人...
11-21 2246
1、开启定时器 // 时间工具库，方便时间格式化 import * as moment from 'moment'; timer = null; this.timer = setInterval(() => { console.log(moment(new Date()).format('YYYY-MM-DD HH:mm:ss') + ' 定时器正在执行...'); }, 5000); 2、关闭定时器 if (this.timer) { clearInterval(this.timer);
angular+定时器
dangai0201的博客
09-11 743
html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> script src="angular/angular.js">script> script> var myapp=angular.module("myapp",[]); myapp.controll
angularjs的延迟服务 $timeout
信念堤岸
05-02 7577
$timeout 服务，      AngularJS $timeout 服务对应了 JS window.setTimeout 函数。 app.controller('myCtrl', function($scope, $timeout) {    $scope.myHeader = "Hello World!";    $timeout(function () {        $sco
Angularjs 基于$timeout延时加载js
程序猿爱coding
05-03 1万+
项目基于Angularjs框架，需要加载很多类库，没用requirejs保证js加载顺序。项目重新采用requirejs时间又来不及，而是通过$timeout和递归判断类库是否加载。
angularJS中为什么推荐使用$timeout与$interval而不是JS原生setTimeout() setInterval()方法
miaomiao_1024的博客
11-15 1587
angularJS中为什么推荐使用$timeout与$interval而不是JS原生setTimeout() setInterval()方法 首先介绍在JavaScript中 setTimeout()方法:表示达到延迟执行某个方法的效果； setInterval()方法：表示每隔一段时间调用一次特定的JS方法； 为什么在angularjs中不建议使用JS的这两种方法呢？ 因为这两种方法在使用时都需...
angularjs清楚定时器
最新发布
07-29
- *2* [Angular 定时器$timeout和$interval](https://blog.csdn.net/xuanhaiyang2008/article/details/52121540)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值