码迷,mamicode.com
首页 > 其他好文 > 详细

定时器的管理

时间:2019-01-14 18:01:29      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:speed   定时   col   gets   get   记录   元素   设置   它的   

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

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

oBtn1.onclick = function () {
    clearInterval( oDiv.timer );//不用在全局设置
    oDiv.timer = setInterval(function () {//在对象设置的属性会在
        var speed = parseInt(getStyle( oDiv, ‘left‘ )) + -12;            // 步长
        if ( speed < 10 ) {
            speed = 10;
        }
        oDiv.style.left = speed + ‘px‘;
        if ( speed == 10 ) {
            clearInterval( oDiv.timer );
        }
    }, 30);
};

 

定时器的管理

标签:speed   定时   col   gets   get   记录   元素   设置   它的   

原文地址:https://www.cnblogs.com/weikemudan/p/10268074.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!