美文网首页
js延时函数

js延时函数

作者: Kathy丶Andy | 来源:发表于2018-05-16 22:42 被阅读0次

用于检测input框的输入验证,做一些错误弹出提示,之前用的是比较LOW的写法,记录用户输入的时间和结束的时间,用结束的时间去减去输入的时间,可能有时候会有些小bug,今天发现了一种感觉还不错的方法

本文用的是vue里面的实例

 <input type="text" v-model="email" @keyup="emails($event)">

  data() {
    return {
      email: "",
      inputTimeout: null,
      delay: 1000
    }
  },
  methods: {
    emails(e) {
    if (this.delay > 0) {
      if (this.inputTimeout) {
        window.clearTimeout(this.inputTimeout);
      }  
        this.inputTimeout = setTimeout(() => {
        console.log(this.email);
      }, this.delay);
    } else {
      console.log(this.email)
    }
  }
}

就这的几句话搞定

相关文章

  • js中setInterval与setTimeout用法

    js中setInterval与setTimeout用法 JS里设定延时: 使用SetInterval和设定延时函数...

  • js延时函数

    用于检测input框的输入验证,做一些错误弹出提示,之前用的是比较LOW的写法,记录用户输入的时间和结束的时间,用...

  • iOS 多线程面试题(延时函数(dispatch_after))

    延时函数(dispatch_after) dispatch_after能让我们添加进队列的任务延时执行,该函数并不...

  • python回调函数

    散了,这里我多说了直接上代码了。导入time,模拟延时效果 创建callback函数 创建延时函数 调用,查看效果

  • 51单片机之LED闪烁,简单的延时函数

    LED灯原理图 点亮LED的几种方法 以下是简单的延时函数,可以作为模块函数使用 使用简单的延时函数做LED闪烁

  • 延时函数 与 间隔函数

    延时函数 setTimeout(function(){},ms); setTimeout(function(){}...

  • JavaScript 05 函数

    js函数的概念和作用,js函数的定义,js函数的调用,js事件驱动的概念,js函数的实参和形参,js的作用域,js...

  • js 深入

    * js语法* js的动态函数和匿名函数* js动态函数Functionnew Function();* 匿名函数...

  • 前端开发常见问题总结

    1、定时器的使用 定时器:延时执行;JS:单线程执行 setTimeout("方法名或方法","延时") setT...

  • 2018-12-01

    js中括号操作属性 js函数 js换肤 变量和函数预解析 匿名函数 函数传参 函数return关键字 流程控制语句...

网友评论

      本文标题:js延时函数

      本文链接:https://www.haomeiwen.com/subject/dromdftx.html