如何在javascript / jquery中增加计时器

时间:2015-08-26 14:33:33

标签: javascript jquery jsp

我们正在从服务器代码到UI页面(JSP页面)获取字符串值。 时间可以是14:34:45(HH:mm:ss)

我们必须从14:34:45将其作为时钟(以秒为单位)。 如何为此编写javascript?我们尝试了很多解决方案,但它没有动。

1 个答案:

答案 0 :(得分:2)

你不需要这样的jQuery或其他事情。您可以使用简单的JavaScript:



setInterval(function () {
  d = new Date();
  document.getElementById("h").innerHTML = d.getHours();
  document.getElementById("m").innerHTML = d.getMinutes();
  document.getElementById("s").innerHTML = d.getSeconds();
}, 500);

<span id="h"></span>:<span id="m"></span>:<span id="s"></span>
&#13;
&#13;
&#13;

500是更新间隔。间隔越小,过渡越好。

如果您有预设的,可以这样做:

&#13;
&#13;
d = new Date();
d.setHours(14);
d.setMinutes(25);
d.setSeconds(0, 0);
setInterval(function () {
  document.getElementById("h").innerHTML = d.getHours();
  document.getElementById("m").innerHTML = d.getMinutes();
  document.getElementById("s").innerHTML = d.getSeconds();
  d.setTime(d.getTime() + 1000);
}, 1000);
&#13;
<span id="h"></span>:<span id="m"></span>:<span id="s"></span>
&#13;
&#13;
&#13;