首页 > Web开发 > 详细

angularjs中的interval定时执行功能

时间:2016-02-01 02:13:27      阅读:115      评论:0      收藏:0      [点我收藏+]

一个例子,用来显示当前实时时间,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中的interval定时执行功能

原文:http://www.cnblogs.com/modou/p/5174282.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!