javascript - 如何在java脚本中 "Animate"/Hide然后取消隐藏字符串？

Question

现在，我正在为网页制作一个非常简单的实时时钟。我想让小时、分钟和秒之间的“:”隐藏一秒钟，然后取消隐藏下一秒钟。

代码如下:

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  var per = h * 60 + m;
  m = checkTime(m);
  h = checkTime(h);
  s = checkTime(s);
  var am = " am";
  var pm = " pm";

  if (h > 12) {
    h = (h - 12)
    document.getElementById('time').innerHTML = h + ":" + m + ":" + s + pm.sup();
  } else {
    document.getElementById('time').innerHTML = h + ":" + m + ":" + s + am.sup();
  }
    var t = setTimeout(function(){startTime()},500);
}


function checkTime(i) {
    if (i<10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;


}

Answer 1

使用此方法的一种方法

new Date().toLocaleTimeString()

它会自动将时间转换为与您类似的格式。

<强> http://codepen.io/anon/pen/ZGrLXo

整个js代码:

var ele = document.getElementById('time'), blink, str;
setInterval(function(){
    str = new Date().toLocaleTimeString();
    ele.innerText = (blink = !blink)?str:str=str.replace(/:/g," ");
},500);