Javascript 如何使用js更新html中的数字

我想每0.5秒给一个数字加1，并将其显示在网站上。这是代码

<p id="score">
       0
    </p>
<script></script>

0

我想更改

标记中写入的内容

<script>
  var score = 0;
  var scoreElement = document.getElementById('score');
  window.setInterval(function(){
    //this function is called every .5 seconds
    score ++;
    //set text
    scoreElement.innerHtml = score;
  }, 500)
</script>

var得分=0； var scoreElement=document.getElementById（'score'）； setInterval（函数（）{ //此函数每0.5秒调用一次 分数++； //设置文本 scoreElement.innerHtml=分数； }, 500)

setInterval（函数（）{
var score=parseInt（document.getElementById（“score”）.innerText）；
document.getElementById（“score”）.innerText=score+1；
}, 500);

0
您需要通过访问
p
元素，并在设置为使用


//获取对段落元素的引用
const p=document.getElementById（“分数”）；
//设置一个循环计时器，将函数作为
//回调，并每0.5秒（500毫秒）运行一次
//因为p保存文本，所以在其内容之前加上a+
//简单地将其转换为数字
setInterval（函数（）{
p、 textContent=+p.textContent+1；
}, 500);
0
单击我
0
分数=0；
document.querySelector（'.btn'）。addEventListener（'click'，function（）{
分数++；
document.querySelector（'.score'）。textContent=score；
});
给你

首先，我们需要在JS中获得p标记

我们可以通过两种方式做到这一点

const p=document.getElementById（'score'）
或

const p=document.querySelector（“#score”）

在第二种方法中，我们使用
#
，因为它是一个ID。如果它是一个类，我们将使用

然后，为了跟踪分数，我们需要定义一个变量

score=0

现在，我们需要使代码每.5秒运行一次，因此我们需要使用
setInterval（）功能

所以

所以在函数内部，我们需要增加分数

所以
score=score+1

现在，我们需要修改文本，因此我们将在
p
上使用
innerText
方法，所以

p.innerText=分数

现在我们的
setInterval（）
应该是这样的

setInterval(function() {
score = score + 1;
p.innerText = score;
}
);

现在，我们需要定义间隔，因此在函数结束后，我们将添加
500
。这将增加500毫秒或0.5秒的间隔

最后，我们的代码是这样的：


const p=document.querySelector（“#score”）；
得分=0；
setInterval（函数（）{
分数=分数+1；
p、 innerText=分数；
}, 
500
);
“给我一个做X的脚本，这样我就可以复制/粘贴它”并不是一个真正的问题，所以…问题是，它每.5秒一次。请在示例中添加一些文本解释，这将增强它的价值。谢谢，我下次会处理这个问题。虽然这个代码片段可能会解决这个问题，确实有助于提高你的文章质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。
function() {

our code here

},

our interval here

);

setInterval(function() {
score = score + 1;
p.innerText = score;
}
);