1

Bom dia, estou com uma duvida na qual ja estou trabalhando a algum tempo. Eu tenho 1 timer com contagem decrescente, quando o timer chegar a 0, queria que uns botões invisíveis ficassem visíveis. Estou utilizando o Meteor JS com o seguinte package: https://atmospherejs.com/flyandi/reactive-countdown

E tenho o seguinte código:


  var countdown1 = new ReactiveCountdown(10, {
    interval: 500,
        complete: function() {
            var button1= document.getElementById("startMission1")
            button1.style.display='none'},
        });

Template.tabernaMission.events({
'click #startMission1': function(event) {
        countdown1.start(function() {
    });
})

Template.tabernaMission.helpers({
 getCountdown1: function() {
        return countdown1.get();
    },
})
8
  • Qual seria o problema? O que não estaria funcionando?
    – Meu ovo
    18/05/2018 às 12:20
  • o problema e que quando o timer chega a 0 quero que os butões se tornem visiveis, e nao estou a conseguir
    – Ricardo
    18/05/2018 às 13:40
  • pois esse e o meu problema nao esta entrando na função, sim os botao es com display none
    – Ricardo
    18/05/2018 às 14:22
  • Se tiver como disponibilizar o código mínimo para que eu conseguisse reproduzir aqui. Tentei pela página do plugin mas não consegui implementar.
    – Meu ovo
    18/05/2018 às 15:00
  • editei, disponível tudo o código que tenho
    – Ricardo
    18/05/2018 às 15:05

1 Resposta 1

0

Consegui utilizando o SetTimeout

setTimeout(() => {
        var disableButton1 = document.getElementById("startMission1")
        var disableButton2 = document.getElementById("startMission2")
        var disableButton3 = document.getElementById("startMission3")

        disableButton1.style.display='block'
        disableButton2.style.display='block'
        disableButton3.style.display='block'
 }, 50000) 

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .