Javascript 计时器 - 您生成了 link "X seconds ago"

Question

如何在生成 link 后显示 "You generated the link "X 秒前的文本”。它是文件托管网站的一部分。

我试过谷歌搜索，但没有找到任何可以回答我问题的东西。

我什至不确定它是否 Javascript（我只是假设！）

Answer 1

使用 setInterval 向用户显示自 link 代以来的秒数：

HTML:

<!-- We assume here that the link is already created. -->
<p>You generated the link <span id="timer"></span> seconds ago</p>

JS:

var timerSpan = document.getElementById('timer'), seconds = 0;
setInterval(function() {
    seconds++;
    timerSpan.innerHtml(seconds);
}, 1000);

Answer 2

这应该有帮助：

document.getElementById('createLink').addEventListener('click', function generateLink (event) {
  var timeAgo = Date.now();

  this.removeEventListener('click', generateLink);

  function render () {
    var timeDiff = Math.floor((Date.now() - timeAgo) / 1000);

    document.getElementById('notice').textContent = 'You generated a link ' + timeDiff + ' seconds ago.';
  }

  setInterval(render, 1000);
  render();
});

<button id="createLink">Generate Link</button>
<span id="notice"></span>

Javascript 计时器 - 您生成了 link "X seconds ago"

Javascript timer - You generated the link "X seconds ago"

html

javascript

timer