1. Problemhintergrund
Stellen Sie einen Timer ein, geben Sie die beiden Variablen startData und endData ein und subtrahieren Sie 5 bzw. 50, nachdem der Timer gestartet wurde Wenn der Timer zurückgesetzt wird, werden die Daten auf die ursprünglichen Daten zurückgesetzt.
2. Implementierungsquellcode
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS停止定时器</title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
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();
});
}]);
</script>
</head>
<body ng-app="intervalApp">
<p ng-controller="intervalController">
<button data-ng-click="startEvent()">开始</button>
<button data-ng-click="stopClick()">停止</button>
<button data-ng-click="resetEvent()">重置</button><br>
<p>开始数据：{{startData}}</p><br>
<p>结束数据：{{endData}}</p><br>
</p>
</body>
</html>
3. Implementierungsergebnisse
(1) Initialisierung
(2) Zum Starten klicken
(3) Klicken Sie auf Stopp
(4) Klicken Sie auf Zurücksetzen
Das Obige ist der Inhalt, mehr verwandt Inhalt Bitte beachten Sie die chinesische PHP-Website (www.php.cn)!
Was ist der Unterschied zwischen PHP7 und PHP8?
Zusammenfassung des Firefox-Browser-Plug-ins
So erhalten Sie die Länge eines Arrays in js
Ripple-Handelsplattform
Assoziationsregeln Apriori-Algorithmus
Wo ist die Taschenlampe des OnePlus-Telefons?
So verwenden Sie „months_between' in SQL
Der Unterschied zwischen Get-Request und Post-Request
