javascript - 关于停定时器的问题-PHP中文网问答

下面验证注册资本不是能为空并只能为数字
我在里面定义了一个变量timer = null
在tip方法我进来就清除
不过好像清除没用？
如果我先不输入，让他提示，然后我再立马添加些字符，
他还是执行上次的定时器
有什么办法能清除，不管在函数里面外面定义都清除不了

  
        *注册资本(万)
        

            
        
    
  提交


  var v_registermoney  = utils.isStringEmpty(_registermoney.val()), 
      v_registermoney2 = utils.getNumber(_registermoney.val());
                
  tip: function (text, type, callback) {
        var  timer = null;    
        clearTimeout(timer);
        
        if (!text) return false;
        var typename = type || '';
        
        $('.softlyTipBox').remove();
        $('body').append('
' + text + '
');
        var width = $('.softlyTipBox').find('p').width() + 160;
        
        $('body > .softlyTipBox').css({
            'width': width,
            'margin-left': - parseInt(width/2)
        })
        setTimeout(function () { 
            $('body > .softlyTipBox').addClass('show');
        }, 150);

        timer = setTimeout(function () {
            $('body > .softlyTipBox').css({
                'width': 0,
                'margin-left': 0
            });
            setTimeout(function () {
                $('body > .softlyTipBox').remove();
            }, 300);
            if (callback) callback();
        }, 3000);
    }
    
    $('.btnsubmit').click(function(){
    if(!v_registermoney){
           tip('请输入企业性质', 'error');
           return;
    }else if(!v_registermoney2){
           tip('请输入数字', 'error');
           return;
    }else{                    
       
    }
    })

// "tips.js" define(function(require, exports, module) { var timer; var tip = function(..., delay) { if(timer) { window.clearTimeout(timer); } timer = setTimeout(function() { ... }, delay); } exports.tip = tip; });

全部回复(2)

高洛峰2017-04-11 10:38:08 2楼

if (callback) callback();

tip('请输入数字', 'error', timer);

你把 timer 作为参数传进去了。这个是 clear 不掉的。

赞 +0

添加回复

大家讲道理2017-04-11 10:38:08 1楼

我的理解，你的timer是在tip函数内部声明的内部变量，每次调用tip时都会重新var一个timer出来，因此无法将之前设置的定时器进行删除。

对于这种常用的调用定时器的方法，推荐将其使用CommonJS打包成组件：

然后每一次调用的时候再把tips引用进来，这样就避免为了清除timer而污染了全局变量的方式。

// test.js
var tips = require('tips');
tips.tip(..., 3000);