定时器的管理

Posted 2021-02-03 weikemudan

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

关于定时器返回值的建议:一般将定时器的返回值设置为运动元素的一个属性.也就是说 当运动的元素是一个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);
};