angularjs中的interval定时执行功能
2016-02-01 01:08
671 查看
一个例子，用来显示当前实时时间，1秒钟刷新一次：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>interval</title>
<script type="text/javascript" src="js/angular/angular.min.js"></script>
</head>
<body ng-controller="ctrl">
<div>当前时间为：{{time}}</div>
<script>
var app = angular.module('myApp',[]);
app.controller("ctrl",function($scope,$interval){
$interval(function(){
var time = new Date();
var t = time.getFullYear()+"年"+(time.getMonth()+1)+"月"+time.getDate() + "日 星期"+"日一二三四五六".charAt(time.getDay())+ " "+time.getHours() +":"+time.getMinutes()+":"+time.getSeconds();
$scope.time=t;
},1000);
});
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- angularjs中的数据绑定
- AngularJS手动表单验证
- AngularJS自动表单验证
- Part 12 Angularjs filter by multiple properties
- AngularJS CRUD Example with PHP, MySQL and Material Design
- a simple search with AngularJS and PHP
- AngularJS MySQL and Bootstrap Shopping List Tutorial - php
- AngularJS Insert Update Delete Using PHP MySQL
- Inventory Management system using AngularJS , PHP RESTful API and MySQL
- 在Eclipse中开发angularjs
- Yeoman：Web 应用开发流程与工具—AngularJS—Bootstrap—js
- Angular移除不必要的$watch之性能优化
- Part 11 Search filter in AngularJS
- Part 10 AngularJS sort rows by table header
- Part 9 Sorting data in AngularJS
- angularjs项目下的gulp配置（一）
- AngularJs路由机制
- Angularjs指令参数
- 如何使用angularjs实现抓取页面内容
- AngularJS去掉的URL里的#号