Création d'un tableau de compte à rebours personnalisé jQuery

Question

Je ne demande pas à quelqu'un de coder cela pour moi, je veux juste un peu de conseils et de conseils. Fondamentalement, j'ai commencé à apprendre jQuery la semaine dernière et pour mon premier projet, je veux faire un compte à rebours. par exemple.

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

Une fois que l'utilisateur commence le compte à rebours le premier élément doit être récupéré et utilisé comme un compte à rebours, c.-à-1.03,1.02,1.01,1,0.59 en quelques secondes (et devrait être mis à jour en direct). Une fois que cela atteint zéro, la ligne doit être supprimée et l'élément suivant doit être démarré en tant que compte à rebours.

Si quelqu'un a eu de l'expérience dans la construction de ceci ou d'un compte à rebours similaire à celui-ci, je l'apprécierais. J'ai vu quelques plugins mais il semble trop pour mes besoins. Tous les temps seront inférieurs à une heure.

Quelques petites choses; J'ai du mal à comprendre comment je pourrais initialiser le deuxième compte à rebours car évidemment la première rangée prendra quelques secondes pour animer ou supprimer.

Tous les commentaires, les liens, la lecture est apprécié, je suis en train d'apprendre en utilisant un cours vidéo et sera terminé dans les prochains jours, mais cela est quelque chose en dehors de la classe que je suis intéressé par.

Answer 1

Preview et 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

J'ai aidé il y a quelque temps à faire une minuterie jQuery. La fonctionnalité est comme un chronomètre au lieu de faire un compte à rebours (je l'utilise pour une application web timetracker). Vous pourriez trouver cela utile, car il vous suffit de modifier quelques éléments pour en faire ce dont vous avez besoin. Je l'ai sur Github qui est un peu floconneux ces jours-ci avec le déménagement du serveur récent. Vous pouvez jeter un coup d'œil à cela et l'utiliser comme source d'inspiration si vous voulez le mettre en œuvre vous-même à partir de zéro.