zoukankan      html  css  js  c++  java
  • 定时器

    定时器:
                    setInterval(fn,time);//每隔多长时间(time)做一件什么事情(fn);//如果不关闭一直执行
                    关掉定时器: clearInterval(定时器的名字);
                    setTimeout(fn,time);//每隔多长时间(time)做一件什么事情(fn);只执行一次;
                    clearTimeout(定时器的名字);
            用户体验好的选项卡:        
                            for(var i=0;i<aInput.length;i++){
                                aInput[i].index=i;
                                aInput[i].onmouseover=function(){       //移入300ms后切换;快速移入打开定时器计时,快速移出就会关闭定时器,不发生切换;
                                    var that=this;       //把this用一个变量存放,用于下面的函数使用;
                                    function tick(){
                                            for(var i=0;i<aInput.length;i++){
                                            aInput[i].className='';
                                            aLi[i].className='';
                                             }
                                            that.className='active';
                                            aLi[that.index].className='on';
                                        }//此时的this是input元素,setTimeout里的this是window
                                        timer=setTimeout(tick,500);    
                                        
                                    }
                                aInput[i].onmouseout=function(){            //onmouseout一定不要写在了onmouseover里
                                        clearTimeout(timer);
                                    }
                            }

       延时移入移出:

          window.onload=function(){
                      var oBox1=document.getElementById("box1");
                      var oBox2=document.getElementById("box2");
                      var timer=null;
                      oBox2.onmouseover=oBox1.onmouseover=function(){
                            clearTimeout(timer);
                            oBox2.style.display='block';
                      }
                      oBox2.onmouseout=oBox1.onmouseout=function(){
                            timer=setTimeout(function(){
                                oBox2.style.display='none';
                            },1000)
                      }
                  }

    人生如戏,或实力或演技
  • 相关阅读:
    Spring Boot 启动加载数据 CommandLineRunner(一般用于项目启动时,用户信息的缓存)
    缓存穿透、缓存并发、缓存失效之思路变迁
    知识点的梳理
    windows下查找java应用占用CPU过高问题
    Java开发中的Memcache原理及实现
    malloc函数详解 C语言逻辑运算符
    PCH 警告:标头停止点不能位于宏或#if块中
    绪论-第一章-《数据结构题集》
    线性表的顺序存储结构--用数组实现
    第二章 《C++ Primer Plus》
  • 原文地址:https://www.cnblogs.com/yang0902/p/5697926.html
Copyright © 2011-2022 走看看