angular.js - Cara menggunakan sudut $interval untuk melaksanakan pemasaan mula dan pemasaan tamat pada butang

Question

Logik kod saya adalah seperti berikut, saya mahu melaksanakannya:

1. Klik butang pertanyaan untuk menghidupkan pemasa Teks butang bertukar kepada Hentikan Pertanyaan,

2. Klik untuk menghentikan pertanyaan dan membatalkan jadual

$scope.submitRequest = function () {
    if ($scope.onlyButton == "查询") {
         $scope.onlyButton = "停止查询";
            $interval(function()
                {
                    //具体方法
                }
                ,5000);
            }
    else{
         setTimeout(function(){
            $scope.onlyButton = "查询";
            $interval.cancel(stop);
            },0)
        };
    }
    

Tetapi saya gagal membatalkan pemasa, tolong bantu...

Answer 1

Answer 2

Kod LZ boleh membuat tanda status sepenuhnya di luar, contohnya:

var interval;
$scope.startStatus = false;

$scope.submitRequest = function(){

    if( !$scope.startStatus ){
        interval = $interval(...);
    } else {
        $interval.cancel(interval);  
    }
    
    $scope.startStatus = !$scope.startStatus;
    
}

Kemudian gunakan terus dalam VIEW seperti ini:

<button ng-bind=" !startStatus ? '查询' : '停止查询' "></button>

Saya rasa lebih baik menulis begini~