input 获取焦点失去焦点 学习定时器

onBlur:当输入框失去焦点后
onFocus:当输入框获得焦点后

$("input").focus(); 或$("input").focus(function(){
    
    这里是获取焦点时的事件}) 
$("input").blur(); 或$("input").blur(function(){
    
    这里是失去焦点时的事件}) 

jQuery

$("input").focus(); 或$("input").focus(function(){
    
    这里是获取焦点时的事件}) 
$("input").blur(); 或$("input").blur(function(){
    
    这里是失去焦点时的事件}) 

定时器

 /* 
      1.定时器作用 ： 一段代码 间隔时间 重复执行
      2.定时器语法 ：
        2.1 setInterval : 永久定时器。 一旦开启，永久重复执行，只能手动清除
          (1)开启：  let timeID = setInterval( 回调函数 , 间隔时间 )
          (2)清除：  clearInterval( timeID )
        2.2 setTimeout : 一次定时器。一旦开启，间隔时间只会执行一次，完成后自动清除。
          (1)开启：  let timeID = setTimeout( 回调函数 , 间隔时间 )
          (2)清除：  clearTimeout( timeID )
      */

      /**
      * @description: 开启定时器
      * @param {function} 一段代码
        * 回调函数 ： 如果一个函数的参数也是函数，这个参数函数就叫做回调函数   
      * @param {number} 间隔时间  单位毫秒  1s = 1000ms
      * @return: 定时器id
        * 一个页面可以开启很多定时器，浏览器为了更好管理这些定时器。会给每一个定时器一个编号。称之为定时器id   
      */
      let timeID = setTimeout( function(){
    
    
        document.querySelector('#pp').innerText++
      } , 5000 )

      //点击按钮：关闭定时器
      document.querySelector('.btn').onclick = function(){
    
    
        //参数： 定时器id
        clearTimeout(timeID)
      }
    </script>