计时器未使用clearInterval（）重置

Question

This is my Timer function

var myTimer = setInterval(function () {
    var d = new Date();

    var seconds = d.getMinutes() * 60 + d.getSeconds();
    var fiveMin = 60 * 5;
    var timeleft = fiveMin - seconds % fiveMin;
    var result = parseInt(timeleft / 60) + ':' + timeleft % 60;
    //console.log(result);
    var timerObj = {
        timer : result
    }
    $scope.timerArray = timerObj;
    $scope.$apply();

    if (timeleft === 1) { 
        $scope.statusDetails = [];
        $scope.timeDetails();
        $scope.get_dbStatus();                  
    }

}, 1000);

This function will reset the above timer when I click a button.

$scope.refreshStatusList = function(){
    $scope.hide = true;
    $scope.$emit('LOAD');
    clearInterval(myTimer);
    $scope.statusDetails = [];
    $scope.timeDetails();
    $scope.get_dbStatus();  
};

This is my refresh button in html page upon clicking it the timer must get reset.

<div class="col-lg-2">
    <a href="#" title="Refresh" ng-click="refreshStatusList();">
        <i class="fa fa-refresh fa-lg"></i>
    </a>
</div>

Answer 1

Since, you are using angularjs , You should use $interval directive, which will internally call $scope.apply()

Usage

$scope.intervalPromise = $interval(function () {
    //Your code
}, 1000);

To clear interval

$interval.cancel($scope.intervalPromise);

Answer 2

试试这个

$scope.apply();