Question

我不是要求有人为我编码，我只是想要一些建议和指导。

基本上，我上周开始学习jQuery，对于我的第一个项目，我想制作一个倒计时表。 e.g。

=====================
Time|Desc
---------------------
1.03|Item 1
---------------------
0.50|Item 2
=====================

一旦用户开始倒计时，应检索第一个项目并将其用作倒计时，即以秒为单位的1.03,1.02,1.01,1,0.59（并应立即更新）。一旦达到零，就应删除该行，并将下一个项目作为倒计时启动。

如果有人有任何构建此类的经验或类似于此的倒计时，我将不胜感激。我见过一些插件，但对我的需求来说似乎有些过分。所有时间都不到一个小时。

一些事情;我很难理解我是如何初始化第二次倒计时的，因为很明显第一行需要几秒钟才能动画或移除。

任何反馈，链接，阅读都表示赞赏我目前正在学习使用视频课程，并将在接下来的几天内完成，但这是我感兴趣的课程之外的事情。

Answer 1

Preview和 Source

var position = 0;
var countdowns = $(".time");

var interval = setInterval( function()
{
  if (countdowns [position].innerHTML == 0)
  {
    $(countdowns [position]).parent().hide();
    position ++;
  }
  if (position >= countdowns.length)
  {
    clearInterval(interval);
  }
  else
  {
    countdowns[position].innerHTML --;
  }

},1000);

Answer 2

我前段时间帮助制作了一个jQuery计时器。该功能是一个秒表，而不是倒计时（我正在使用它作为timetracker web应用程序）。您可能会发现这很有用，因为您可能只需要更改一些内容就可以使其成为您需要的内容。我在Github上有它，这些天最近的服务器移动有点不稳定。如果你想从头开始实现这一点，你可以看看这个，并将它作为灵感。

创建自定义jQuery倒计时表

2 个答案: