php计时器 停止,AngularJS停止定时器

1、问题背景

设置一个定时器，给定两个变量startData和endData，计时开始后分别减去5和50；单击停止暂停定时器，重置后数据恢复到原来的数据。

2、实现源码

var app = angular.module("intervalApp",[]);

app.controller("intervalController",["$scope","$interval",function($scope,$interval){

$scope.startData = 100;

$scope.endData = 1000;

var stopEvent;

$scope.startEvent = function(){

if(angular.isDefined(stopEvent)) return;

stopEvent = $interval(function(){

if($scope.startData > 50 && $scope.endData > 500)

{

$scope.startData = $scope.startData - 5;

$scope.endData = $scope.endData - 50;

}

else

{

$scope.stopClick();

}

},1000)

};

$scope.stopClick = function(){

if(angular.isDefined(stopEvent))

{

$interval.cancel(stopEvent);

stopEvent = undefined;

}

};

$scope.resetEvent = function(){

$scope.startData = 100;

$scope.endData = 1000;

};

$scope.$on("$destory",function(){

$scope.stopClick();

});

}]);

开始

停止

重置

开始数据：{{startData}}

结束数据：{{endData}}

3、实现结果

(1)初始化

(2)点击开始

(3)点击停止

(4)点击重置

以上就是的内容，更多相关内容请关注PHP中文网(www.php.cn)！

本文原创发布php中文网，转载请注明出处，感谢您的尊重！