Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Luminax

Contador Regressivo

Por , em Javascript

Recommended Posts

Luminax    0

Luminax
Postado

Estou usando o contador regressivo abaixo para um projeto que estou fazendo,optei por ele por ser um contador simples e talzs,mais o problema que ele não funciona no Firefox,so funciona no Google Chrome,alguém saberia o por que?

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Documento sem título</title><script>(function(){  var time = 30;  setInterval(function(){if(time <= 0){time = 30}document.querySelector('#countdown').innerText = time--;  }, 1000);})();</script></head> <body><div id="countdown"></div></body>
</html>


Já descobri o error,só alterei a linha abaixo

 

isso:

 

document.querySelector('#countdown').innerText = time--;

 

por isso:

 

document.querySelector('#countdown').innerHTML = time--;

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Não tem necessidade de utilizar querySelector, veja aqui - https://developer.mozilla.org/pt-BR/docs/Web/API/Document.querySelector

var time = 30;

setInterval(function(){
    if(time >= 0){
        document.getElementById('countdown').innerHTML = time--;
    }
}, 1000);

Utilize getElementById neste caso.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito