[AngularJS] $interval

本文转载自查看原文 2014-11-22 06:49 2150 AngularJS

$interval provides an excellent service for timed operations in your AngularJS apps. It has the advantage over setInterval in "normal" Javascript in that it is aware of Angular's view cycles, as well as being mockable for unit tests. Additionally, it returns a promise and provides a lot of flexibility.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="app.js"></script>
</head>
<body ng-app="app" ng-controller="AppCtrl as app">
    <button ng-click="app.cancel();">cancel</button>
</body>
</html>

/**
 * Created by Answer1215 on 11/22/2014.
 */

function AppCtrl($q, $interval) {

    var vm = this;
    vm.cancel = cancel;
    vm.rejectIt = false;

    var timer = $interval(function(){
        vm.rejectIt = !vm.rejectIt;
        doAsync(vm.rejectIt).then(function(data){
            console.log(data.resolveData);
        }, function(error){
            console.log(error.rejectData);
        });
    }, 600, 10); // 600 ms, 10 times

    function doAsync(rejectIt){
        return $q(function(resolve, reject){
                var doneTime = +new Date();
                console.log(doneTime);
                if(!rejectIt){
                    resolve({
                        resolveData: 'resolve it at '+doneTime
                    });
                }else{
                    reject({
                        rejectData: 'reject it at '+doneTime
                    });
                }
        });
    }

    function success() {
        console.log("done");
    }

    function error() {
        console.log("cancelled or error");
    }

    function notify() {
        console.log("updating");
    }

    timer.then(success, error, notify);

    function cancel() {
        $interval.cancel(timer);
    }
}

angular.module('app',[])
    .controller('AppCtrl', AppCtrl);

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 AngularJs $interval 和 $timeout angularjs-$interval使用 AngularJS中$interval的用法 AngularJS中$timeout和$interval的用法详解 angularjs中的interval定时执行功能 angularjs 中的setTimeout(),setInterval() / $interval 和 $timeout INTERVAL AngularJs中$timout和$interval和计时器功能 angularJS（4） MySQL interval()函数