可见的Javascript倒数计时器[关闭]

【问题标题】：Visible Javascript Countdown Timer [closed]可见的Javascript倒数计时器[关闭]
【发布时间】：2016-01-02 16:52:18
【问题描述】：

我正在尝试构建一个 JavaScript 倒数计时器。

我需要一个可见的计时器，它可以在完成后显示一个按钮。

任何人都可以帮我构建它吗？

【问题讨论】：

欢迎来到 SO。请访问help center 了解如何询问以及询问什么。您的问题目前非常离题，因为 SO 不是一个 elancing 服务。在网上搜索javascript countdown timer，你会找到数百个
你的问题的答案是肯定的，确实有人知道如何制作这样的计时器。

标签： javascript button timer visible

【解决方案1】：

您可以使用setInterval 执行此操作。

这是一个基本的演示。

var secondsRemaining = 3;

function updateTime() {
  $("#secs").text(secondsRemaining);
}

updateTime();

var i = setInterval(function() {
  secondsRemaining -= 1;
  if (secondsRemaining > 0){
    updateTime();
  } else {
    clearInterval(i);
    $("#secs").html("<button id='myButton'>Click me!</button>")
  }
}, 1000);

$("#secs").on("click", "#myButton", function(){
  alert("Hello!");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="secs"></div>

如果你想了解更多关于它是如何工作的，这是一个相当不错的教程：http://www.sitepoint.com/build-javascript-countdown-timer-no-dependencies/

【讨论】：