Question

如何为我网站上的链接创建倒数计时器？用户点击链接后，应开始倒数计时器。例如，我有一个链接Link 1。当用户点击Link 1时，倒数计时器应该开始。

我可以为所有链接创建倒数计时器吗？

我想显示链接对面的倒数计时器。例如：当用户点击链接时，此计时器＆＃34; 01：59：59＆＃34;应该出现在链接的对面。

Answer 1

您可以使用javascript来显示计时器。

window.setTimeout(function, milliseconds);

你究竟是什么意思＆＃34;显示与链接＃34相对的倒数计时器？

Answer 2

试试这个..

＆＃13;

function countdown(elementName, minutes, seconds) {
  var element, endTime, hours, mins, msLeft, time;

  function twoDigits(n) {
    return (n <= 9 ? "0" + n : n);
  }

  function updateTimer() {
    msLeft = endTime - (+new Date);
    if (msLeft < 1000) {
      element.innerHTML = "countdown's over!";
    } else {
      time = new Date(msLeft);
      hours = time.getUTCHours();
      mins = time.getUTCMinutes();
      element.innerHTML = (hours ? hours + ':' + twoDigits(mins) : mins) + ':' + twoDigits(time.getUTCSeconds());
      setTimeout(updateTimer, time.getUTCMilliseconds() + 500);
    }
  }

  element = document.getElementById(elementName);
  endTime = (+new Date) + 1000 * (60 * minutes + seconds) + 500;
  updateTimer();
}

＆＃13;

<a onclick='countdown("countdown",
120,0);' href="#">Timer</a>
<div id="countdown"></div>

＆＃13;

只需使用您自己的时间在Anchor标记中更新分钟的时间。

在用户点击链接后启动倒数计时器

2 个答案: