定时执行函数并最终关闭定时器 

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../lib/bootstrap-3.3.7/css/bootstrap.min.css">
    <script src="../lib/jquery/jquery.min.js"></script>
    <script src="../lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <script src="../lib/angular/angular.js"></script>
    <script>
        var app = angular.module('app', []);
        app.controller('myCtrl', function ($scope) {
            var arr=[1,4,3,2,4,6];
            var i = 0;       //在外面定义一个变量作为判断的标准
            var timer = setInterval(function(){
                console.log(arr[i]);
                i++;
                if(i > arr.length-1){       //因为i++的原因，所以当i的值大于数组的长度-1的时候，清除定时器
                    clearInterval(timer);
                }
            },5000);
        });
    </script>
</head>
<body ng-controller="myCtrl">
<div class="container">
    
</div>
</body>
</html>

　　

posted @ 2020-08-12 17:18  sct春天  阅读(321)  评论(0)    收藏  举报