Javascript计时器 - 您生成了链接“X秒前”

Question

如何生成文本显示“您在生成链接后生成链接”X秒之前。它是文件托管网站的一部分。

我试过谷歌搜索，但没有回答我的问题。

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

Answer 1

使用setInterval以向用户显示自链接生成以来的秒数：

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>