angular $timeout定时取消

最新推荐文章于 2021-08-05 20:40:20 发布

转载最新推荐文章于 2021-08-05 20:40:20 发布 · 2.3k 阅读

angular.js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用AngularJS实现的定时加载数据的功能。通过定义一个名为'myCtrl'的控制器来控制数据的加载与显示。该示例展示了如何在特定的时间间隔内更新数据，并在需要时取消数据加载。

<script>

var timeout = [];

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
 
   $scope.load_studio= function(studio)
    {
     $scope.studio = obj;
        console.log('hello');
       timeout[studio.id] =  $timeout(function(){$scope.load_studio(studio);}, 10000);

    }
    $scope.toggle_load = function(studio)
    {
         if(studio.show == 1)
        {
            $scope.load_studio(studio);
        }
        else
        {
            if (timeout[studio.id])
              $timeout.cancel(timeout[studio.id]); //如果当前时间已经有一个timeout在开启，那么先取消掉这个开    启的timeout 

        }
    
   }
    var obj = {}
   obj.id = 1000;
   obj.name = 'movie a';
   obj.time= 'two hours';
   obj.show = 1;//开始
 $scope.toggle_load(obj);
obj.show = 0;//结束
$scope.toggle_load(obj);
});
</script>