zoukankan      html  css  js  c++  java
  • 定时器的管理

    所谓定时器的管理就是.就是确定元素停止的位置,还有对定时器返回值的管理

    关于定时器返回值的建议:一般将定时器的返回值设置为运动元素的一个属性.也就是说 当运动的元素是一个div,那就在div元素上添加一个timer属性,这样可以避免污染变量.而且在对象上添加属性,它的值会被记录知道,对象被销毁.所以不用再全局定义一个变量

    <div id="div1"></div>
    #div1{
    background: red;height: 150px;width: 150px;position: absolute;
    left: 0px;top: 0px;/*做运动的元素一定要自己指定元素的位置,否则getStyle(e,s) 方法会有不同浏览器兼容问题*/
            }
    var d=document.getElementById("div1");
            d.onclick=function(){
                clearInterval(d.timer);
                d.timer=setInterval(function(){//给元素上绑定一个属性,会记录在这个元素上,并且不会出错
                    move(d,"left");//此时回调函数的this是window,并不是d
                } ,1000);        
            }
            function move(e,s){
                e.style.left=parseInt(getStyle(e,s))+10+"px"
            }
            function getStyle(e,s){
                return e.currentStyle?e.currentStyle[s]:getComputedStyle(e)[s];
            }
    一生的日子很长,一定要注意调节,要劳逸结合
  • 相关阅读:
    几道cf水题
    cf水题
    一道cf水题
    c++list用法
    c++map用法
    c++ vector常见用法
    c++string,常见用法总结
    复变函数考试后的反思
    [FZYZOJ 1204] 零和问题
    [FZYZOJ 1202] 金坷垃
  • 原文地址:https://www.cnblogs.com/weikemudan/p/10268074.html
Copyright © 2011-2022 走看看