AngularJS之定时器（timeout）

醉小义

于 2017-07-31 15:47:17 发布

阅读量581

点赞数

分类专栏： angularjs 文章标签： angularjs

angularjs 专栏收录该内容

15 篇文章

订阅专栏

本文介绍AngularJS中$timeout服务的应用，通过一个简单的实例展示了如何使用$timeout服务来实现页面元素的定时更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说明:AngularJS某一时间段后，出现另一种情况，这里需要用到定时器timeout

$timeout 服务， AngularJS $timeout 服务对应了 JS window.setTimeout 函数。

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>AngularJS之定时器（timeout）</title>  
        <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>  
        <script>  
            var app = angular.module("timeApp",[]);  
            app.controller("timeController",function($scope,$timeout){  
                $scope.information = 111;  
                $timeout(function(){  
                    $scope.information = 222;  
                },2000);  
            });  
        </script>  
    </head>  
    <body>  
        <div ng-app="timeApp" ng-controller="timeController">  
            <label>{{information}}</label>  
        </div>  
    </body>  
</html>

输出结果:

111

222