繁体   English   中英

显示 Date.getTime() javascript 到 html

[英]Show Date.getTime() javascript into html

我正在尝试在我的网站上使用 html 和 javascript 制作秒表。 这是我尝试过的:

<!DOCTYPE HTML>
<html>
  <script>
    Date.setTime(0);
  </script>
  <body>
    <p>Time: <script>document.write(Date.getTime());</script></p>
  </body>
</html>

我希望它显示自加载以来的毫秒数。 我在 KhanAcademy 上做。 有人知道怎么做这个吗?

此外,有点奇怪的是,没有错误

如果您想显示自页面加载以来的毫秒数,您需要使用 setInterval() 对其进行更新

 <:DOCTYPE HTML> <html> <body> <p>Time; <span id="msec"></span> </p> </body> <script> var msec = 0; msec = setInterval(function(){ msec = msec + 1. document.getElementById("msec");innerText = msec, },1) </script> </html>

你可能打算这样做

注意脚本标签必须在跨度之后 - 它需要存在。

 let d = new Date(); d.setTime(1000) const span = document.getElementById("time"); const tId = setInterval(function() { if (d.getTime() <= 0) clearInterval(tId); span.textContent = d.getTime(); d.setTime(d.getTime() - 10) }, 10);
 <span id="time"></span>

但这和这样做是一样的

 let d = 1000; const span = document.getElementById("time"); const tId = setInterval(function() { span.textContent = d-=10 if (d <= 0) clearInterval(tId); }, 10)
 <span id="time"></span>

使用 window 加载事件,以便脚本可以留在头部

我在这里数数

 window.addEventListener("load", function() { // on page load let d = 0; const span = document.getElementById("time"); const tId = setInterval(function() { span.textContent = d += 10 if (d >= 1000) clearInterval(tId); }, 10); });
 <span id="time"></span>

您必须设置一个间隔来更新计算自启动网站以来的持续时间(我选择 1 毫秒)。 在声明 HTML 元素之后,必须在代码中编写脚本。

 var start = performance.now(); setInterval(function() { let time = performance.now(); document.getElementById('duration').innerHTML = 'Dauer: ' + (time - start) + ' ms.'; }, 1);
 <div id='duration'></div>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM