首页 > 解决方案 > 显示用户什么时间(hh.mm.ss)他/她进入网站

问题描述

我有一个网站,我想向用户显示他/她加载该网站时的具体时间(hh.mm.ss)。

我想我必须使用

document.getElementById("entryTime").innerHTML =

但我不确定我应该使用什么功能来注册和显示特定的进入时间。

(?也许)我阅读了几个线程并明白我必须以某种方式计算时间(如下面的代码)并立即停止它?但它看起来并不干净和实用。

function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
  }
  return i;
}

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();

  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('entryTime').innerHTML = h + ":" + m + ":" + s;
  t = setTimeout(function() {
    startTime()
  }, 500);
}
startTime();

任何建议将不胜感激。谢谢!

标签: javascripthtml

解决方案


加载页面时将运行 javascript。您需要做的就是获取可以使用的时间戳。ES6“字符串插值”或“模板文字”是构建字符串的好方法(您使用字符串连接所做的)在这里阅读更多信息:模板文字(模板字符串)

var timestamp = new Date(); // get current timestamp from now

var element = document.querySelector('#entryTime')
element.innerHTML = `${timestamp.getHours()}:${timestamp.getMinutes()}:${timestamp.getSeconds()}`;
<h1 id="entryTime"></h1>


推荐阅读