angularJs之定时器

Posted 宋赟鑫 https://meilishiyan-song.t

tags:

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

$timeout 服务

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

实例

两秒后显示信息:

var app = angular.module(‘myApp‘, []);
app.controller(‘myCtrl‘, function($scope, $timeout) {
    $scope.myHeader = "Hello World!";
    $timeout(function () {
        $scope.myHeader = "How are you today?";
    }, 2000);
});

$interval 服务

AngularJS $interval 服务对应了 JS window.setInterval 函数。

实例

每两秒显示信息:

var app = angular.module(‘myApp‘, []);
app.controller(‘myCtrl‘, function($scope, $interval) {
    $scope.theTime = new Date().toLocaleTimeString();
    $interval(function () {
        $scope.theTime = new Date().toLocaleTimeString();
    }, 1000);
});












以上是关于angularJs之定时器的主要内容,如果未能解决你的问题,请参考以下文章

AngularJs我的学习整理(不定时修改)

ionic angularJS input 相关指令 以及定时器 的使用

angularjs 定时器 销毁

angularjs中的interval定时执行功能

定时器触发的angularJS性能问题

AngularJs 延时器计时器