Javascript计时器——你在“X秒前”生成了链接

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

本文关键字：链接 计时器 你在 Javascript 秒前      更新时间：2023-09-26

如何在生成链接后显示"您生成的链接"X秒前"这是一个文件托管网站的一部分。

我试着用谷歌搜索，但没有找到任何能回答我问题的东西。

我甚至不确定它是否是Javascript(我只是假设!)

使用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);

这应该有帮助:

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>

相关文章：