javascript 向宽度属性添加数字时出现问题

iqxoj9l9  于 2022-12-21  发布在  Java
关注(0)|答案(1)|浏览(126)

我的代码应该在点击按钮后每200 ms使我的图像变宽1 px,但我觉得它增加了20-30。
下面是我的代码<img id="testimage" src="wall.png" width="50" height="25"/>

setInterval( function() {var im = document.getElementById("testimage");
    var newWidth = (im.getAttribute("width") ? im.getAttribute("width") : 0) + 1; //here
    im.setAttribute("width", newWidth); console.log(im.getAttribute)}, 200)
}
wj8zmpe1

wj8zmpe11#

将字符串的宽度转换为数字以执行加法而不是字符串连接。这可以使用一元加号运算符来完成。

var newWidth = (im.getAttribute("width") ? +im.getAttribute("width") : 0) + 1;

或者,直接更新width属性,该属性是一个数字。
x一个一个一个一个x一个一个二个x

相关问题