vue中setTimeout的清空问题

今天有个同事在做清除setTimeout时，发现在另一个函数中clearTimeout后发现timer变量并没有变化于是我写了下面的demo：<html><input onclick="myAlert()" type="button" value="清除" /></ht

juse__we

12652人浏览 · 2018-11-14 16:26:52

juse__we · 2018-11-14 16:26:52 发布

今天有个同事在做清除setTimeout时，发现在另一个函数中clearTimeout后发现timer变量并没有变化

于是我写了下面的demo：

<html>
        <input onclick="myAlert()" type="button" value="清除" />
</html>
<script  type="text/javascript">
  var timer = setTimeout(function() {
    console.log(11111);
  }, 1000);
  console.log(timer);
  function myAlert() {
    clearTimeout(timer);
    console.log(timer);
  }
</script>

结果发现

也就是说clearTimeout并不是置空变量的操作，如果你想清除那么

1if(!!intervalld){...}此类函数来判断是否正在执行定时器，就有用了。

2clearTimeout后，timer设置null是为了清除变量，

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^