Question

我正在尝试创建动画，当按下按钮时，div必须通过更改左边界向左移动300 px，然后停止。

我得到了左边距值，但是当我尝试从中提取300 px时，它说var moveto不是一个数字，而current_left_margin的值为0px时，如何将这个值变成一个数字，没有px？

这是我的完整代码：

function get_vars() {           
        elem = document.getElementById('front-slide');
    }
window.onload = get_vars;

function vb_anim() {
        var interval = setInterval(anim, 10);

        var elemstyle = window.getComputedStyle(elem);

        var elemvidth = elemstyle.width;

        var current_left_margin = elemstyle.getPropertyValue('margin-left');
        var moveto = current_left_margin - 300;
            console.log('current_left_margin= ' + current_left_margin );
            console.log('moveto= ' + moveto );
        var pos = 0;
        function anim() {
            if (pos == moveto) {
                clearInterval(interval);
            } else {
                pos--;
                elem.style.marginLeft = pos + 'px';
            }
        }
    }

Answer 1

这应该做：

var current_left_margin = parseInt(elemstyle.getPropertyValue('margin-left'));

如果没有，那么：

 var current_left_margin = parseInt(elemstyle.getPropertyValue('margin-left').replace('px', ''));

从属性值中提取数字

1 个答案: