搜索

首页  >  问答  >  正文

angular.js - angular $interval怎么在一个按钮上实现开始定时和结束定时

我代码逻辑如下,想要实现:

  1. 点击查询按钮,开启定时,按钮文案变成停止查询,

  2. 点击停止查询,取消定时

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

但是没有成功取消定时,求帮忙...

怪我咯怪我咯2744 天前498

全部回复(2)我来回复

  • 天蓬老师

    天蓬老师2017-05-15 17:13:04

    回复
    0
  • 淡淡烟草味

    淡淡烟草味2017-05-15 17:13:04

    LZ的代码完全可以在外面做一个 状态标示, 例如:

    var interval;
    $scope.startStatus = false;
    
    $scope.submitRequest = function(){
    
        if( !$scope.startStatus ){
            interval = $interval(...);
        } else {
            $interval.cancel(interval);  
        }
        
        $scope.startStatus = !$scope.startStatus;
        
    }
    

    然后在VIEW中直接类似使用:

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

    我觉得这样写好些~

    回复
    0
  • 取消回复