可见 Javascript 倒数计时器

Question

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

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

谁能帮我搭建一下？

Answer 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/

可见 Javascript 倒数计时器

Visible Javascript Countdown Timer

javascript

button

timer

visible