将 Date.getTime() javascript 显示为 html

Question

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

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

我希望它显示加载后的毫秒数。我正在 KhanAcademy 上做这件事。有人知道怎么做吗？

还有，有点奇怪，有没有错误

Answer 1

您可能有意这样做

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

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>

Answer 2

您必须设置一个时间间隔来更新计算自启动网站以来的持续时间（我选择 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>

Answer 3

如果您想显示页面加载后的毫秒数，您需要使用 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>

将 Date.getTime() javascript 显示为 html

Show Date.getTime() javascript into html

html

javascript

time

unix-timestamp