javascript - 显示用户什么时间(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();
任何建议将不胜感激。谢谢!
解决方案
加载页面时将运行 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>
推荐阅读
- postgresql - TypeORM 条件可以为空?
- mysql - 如何从以列为中心的表和以行为中心的表构建查询?
- c# - 为什么我需要投射列表
声明列表的 通过 Lambda OrderBy 表达式时? - java - 为什么 HttpURLConnection 请求的 header 和 body 之间会出现一个数字?
- javascript - React 功能组件道具不更新
- nuxt.js - Nuxt 生成头部功能在二级路由中不起作用
- unix - 我可以在修改后的 UNIX 上在 cmd 中放置“sources.list”吗?
- c# - 在 Visual Studio 项目中混合项目平台目标
- python - 在 Python 中,我怎样才能使列表的前 2 个元素加在一起,然后是前 4 个,然后是前 6 个,依此类推?
- c# - .net 运行时不探测插件文件夹