用JS显示一个计数器变量答案

【问题标题】：Display a counter variable with JS用JS显示一个计数器变量
【发布时间】：2011-04-01 18:24:14
【问题描述】：

我正在制作一个使用 Javascript 的旋转幻灯片。我在函数中使用了一个计数器，我想在每次图像更改时显示计数器的值。（所以它会说“查看 x 个图片中的 i 个”）

我尝试过使用

<script language="javascript" type="text/javascript">document.write(i);</script>

但它只在页面加载时显示 i 的值，并且不会在每次 i 增加时更新。有没有比 document.write(i) 更好的东西，每次 i 增加或减少时都会更新？

【问题讨论】：

What is the correct way to write HTML using Javascript? 的可能重复项除了使用 DOM 方法外，如链接问题的答案中所指定，script 元素的 language 属性一直是 deprecated。跨度>

【解决方案1】：

在你的 HTML 中，上面的 SCRIPT 标签是这样的：

<div id="counter"></div>

在计数器值更新的 Javascript 函数中，具有以下行：

document.getElementById('counter').innerHTML = i;

【讨论】：

【解决方案2】：

将值包装在 div 或 span 或类似的东西中，并包含一个 id 属性。当图像改变时，增加 i 并用 i 更新 document.getElementById('dividhere').innerHTML

【讨论】：