Question

有人可以帮我找一个最好的div来重新加载吗？例如带有计时器的div。

例：

<style>
 .responsiveImage {max-width: 100%; width: auto; height: auto;}
</style>

<img src="images/home_img2.png" class="responsiveImage" />

我需要重新加载每一个像

<div id="clock"> 00:00:00 </div>

Answer 1

您可以这样做：

window.setInterval(function(){
  /// Update the div
  document.getElementById("clock").innerHTML = "the new value";
}, 1000);

这将每隔秒（1000毫秒）为div设置一个新内容

Answer 2

如果您想使用javascript以hh:mm:ss格式制作“类似计时器”更新div，您可以使用setInterval和解析功能（取自@powtac's answer here）：

var startTime = 0;

window.setInterval(function() {
  $("#clock").html(toHHMMSS(startTime.toString()));
  startTime++;
}, 1000);


function toHHMMSS(str) {
  var sec_num = parseInt(str, 10); // don't forget the second param
  var hours = Math.floor(sec_num / 3600);
  var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
  var seconds = sec_num - (hours * 3600) - (minutes * 60);

  if (hours < 10) {
    hours = "0" + hours;
  }
  if (minutes < 10) {
    minutes = "0" + minutes;
  }
  if (seconds < 10) {
    seconds = "0" + seconds;
  }
  var time = hours + ':' + minutes + ':' + seconds;
  return time;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="clock">00:00:00</div>

重新加载div的最佳方法是什么？

2 个答案: