Javascript 如何使数字增量计数器成为段落中的一个点

我试图使用setInterval来增加一个数字的值，以重复执行

var x = document.getElementById("text");

var y = setInterval(counter, 1000);

function counter() {

 var a = document.getElementById("number");

 x.innerHTML += a.value * 2;

}

var a是一个输入字段，而var x是一个段落。当我单击调用函数的计数器按钮时，段落中的值不会改变，而是开始循环相同的图形

例如，如果段落中的值为2，而输入字段中的值为2，则我的结果将是一个不断向右扩展的重复“444444…”。然而，我想要的是使单个值在单个点上增加4,8,16，就像普通计数器一样

需要帮助吗。当我使用for语句时，如果不删除连接，也会出现这种情况：

x、 innerHTML=a.value*2

而不是

x、 innerHTML+=a.value*2

试一试

---

您需要使用parseInt将其转换为整数，否则它将执行字符串连接

var x=document.getElementById（“文本”）；
变量y=设置间隔（计数器，1000）；
函数计数器（）{
var a=document.getElementById（“编号”）；
x、 innerHTML=parseInt（x.innerHTML）+a.value*2；
}

这将首先将输入字段中的数字应用到段落中，然后跳入循环，在循环中将其乘以2

<input id="number" />

<p id="text">

</p>

<button id="counterButton">
Count
</button>

---

这将首先将输入字段中的数字应用到段落中，然后跳入循环以在循环中将其乘以2。为什么会有jQuery标记？上面的结果是x中的值，innerHTML根本不会增加，因为加号作为赋值运算符来增加value@UchennaAjah：此答案没有给出您在问题中显示的预期结果。实际上，我正在将每个代码放置在此处立即进行测试，并且答案完全符合我的要求@Crazy Train。现在的问题是，我将值“2”更改为0.02，它停止了重复工作，只有一次

<input id="number" />

<p id="text">

</p>

<button id="counterButton">
Count
</button>

var x = document.getElementById("text");
function counter() {

    x.innerHTML = parseInt(x.innerHTML) * 2;

}


document.getElementById("counterButton").addEventListener('click', function() {

var a = document.getElementById("number");
x.innerHTML = a.value;

var y = setInterval(counter, 1000);
}, false);