angularjs中的interval定时执行功能

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs中的interval定时执行功能相关的知识,希望对你有一定的参考价值。

一个例子,用来显示当前实时时间,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定时执行功能的主要内容,如果未能解决你的问题,请参考以下文章

七angularjs 倒计时

angularjs 定时器 销毁

JavaScript定时器

angularjs-$interval使用

AngularJs $interval 和 $timeout

VB定时器控件Interval属性设置为0是啥意思