How to place a countdown with random numbers?

Asked

Viewed 132 times

0

I’m trying to create a regressive product counter with javascript.

  • Starting with a number I determine. Ex.: 357
  • After a few seconds. Ex.: 2s
  • This value decreases randomly. Ex.: 159, 78, 25
  • I’m trying to get him into a class.
  • Do this function three times on the screen.
  • When you hit zero, lock a specific button.

It would be possible to do this with javascript?

Ex.:

$(".date").html( moment().format('DD/MM/YYYY') );

var inicio_5 = 337;
var inicio_3 = 494;
var inicio_1 = 150; //327
var inicio_5_var = 13;
var inicio_3_var = 22;
var inicio_1_var = 16;
var hora = moment().format('h');

inicio_5 = inicio_5 - (hora*inicio_5_var);
inicio_3 = inicio_3 - (hora*inicio_3_var);
inicio_1 = inicio_1 - (hora*inicio_1_var);

$(".pacotes_disponiveis_5").html(inicio_5);
$(".pacotes_disponiveis_3").html(inicio_3);
$(".pacotes_disponiveis_1").html(inicio_1);

(function(){
var counter = inicio_5;

setInterval(function() {
valor = Math.floor((Math.random() * 3) + 1);
counter = counter-valor;
if (counter >= 0) {
  $(".pacotes_disponiveis_5").html(counter).hide().show('slow');
}

if (counter <= 14) {
    $(".pacotes_disponiveis_5").html(14);
    clearInterval(counter);
}

}, 5000);
})();

(function(){
var counter = inicio_3;

setInterval(function() {
valor = Math.floor((Math.random() * 3) + 1);
counter = counter-valor;
if (counter >= 0) {
  $(".pacotes_disponiveis_3").html(counter).hide().show('slow');
}

if (counter <= 9) {
    $(".pacotes_disponiveis_3").html(9);
    clearInterval(counter);
}

}, 4000);
})();

(function(){
var counter = inicio_1;

setInterval(function() {
valor = Math.floor((Math.random() * 5) + 1);
counter = counter-valor;
if (counter >= 0) {
  $(".pacotes_disponiveis_1").html(counter).hide().show('slow');
}

if (counter <= 0) {
    clearInterval(0);
    $(".pacotes_disponiveis_1").html('0');
    $(".pacote_1 .utm span").html('ESGOTADO');
    $(".pacote_1 .utm").attr('href','#').attr('disabled',"disabled").addClass('btn-red');
    $(".pacote_1 .pacotes-disponiveis").attr('href','#').attr('disabled',"disabled").addClass('btn-red');
    clearInterval(counter);
}

}, 3000);
})();
  • 3

    Apart from the class part, I think totally possible, just you explain a little better is not giving to understand

  • I tried to organize better, see if you are better to understand @Felipeduarte.

  • What you’ve been trying to?

  • I tried with jquery but I’m still learning, I’m not sure if this is it, I’ll put in the question, to show better.

  • Puts the Javascript code you already have (where you want to run this counter), and the code of the buttons you want to block...

  • Ok, I have, but I would like your opinion whether it is better in pure javascript or jquery.

Show 1 more comment
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.