Skip to main content
jsfiddle actualizado
Fonte Link
Leite
  • 1,1mil
  • 5
  • 13

Precisas só de mudar um pouco o teu javascript

var count = 60;
var tempo = document.getElementById("tempo"); // associar a variável tempo ao elemento

function start() {
     if (count > 0){
        count -= 1;
        if (count == 0) {
            count = "Atualizado";
            tempo.classList.add("actualizado"); // adicionar uma classe css para mudar a cor
        }else if(count < 10){
            count = "0" + count;
        }
        tempo.innerText = count;
        setTimeout(start, 100); 
        // em vez de chamar setTimeout("start();", 100) usa só o nome da função
        // o setTimeout vai executar a função mesmo sem pores os ()
    }
}

start(); // chamar a função start() a primeira vez

E no css

.actualizado {
    color: red;
}

Fiz um JsFiddle onde podes ver a contagem decrescente a funcionarcontagem decrescente a funcionar

Precisas só de mudar um pouco o teu javascript

var count = 60;
var tempo = document.getElementById("tempo"); // associar a variável tempo ao elemento

function start() {
     if (count > 0){
        count -= 1;
        if (count == 0) {
            count = "Atualizado";
            tempo.classList.add("actualizado");
        }else if(count < 10){
            count = "0" + count;
        }
        tempo.innerText = count;
        setTimeout(start, 100); 
        // em vez de chamar setTimeout("start();", 100) usa só o nome da função
        // o setTimeout vai executar a função mesmo sem pores os ()
    }
}

start(); // chamar a função start() a primeira vez

E no css

.actualizado {
    color: red;
}

Fiz um JsFiddle onde podes ver a contagem decrescente a funcionar

Precisas só de mudar um pouco o teu javascript

var count = 60;
var tempo = document.getElementById("tempo"); // associar a variável tempo ao elemento

function start() {
     if (count > 0){
        count -= 1;
        if (count == 0) {
            count = "Atualizado";
            tempo.classList.add("actualizado"); // adicionar uma classe css para mudar a cor
        }else if(count < 10){
            count = "0" + count;
        }
        tempo.innerText = count;
        setTimeout(start, 100); 
        // em vez de chamar setTimeout("start();", 100) usa só o nome da função
        // o setTimeout vai executar a função mesmo sem pores os ()
    }
}

start(); // chamar a função start() a primeira vez

E no css

.actualizado {
    color: red;
}

Fiz um JsFiddle onde podes ver a contagem decrescente a funcionar

adicionou 86 caracteres ao conteúdo
Fonte Link
Leite
  • 1,1mil
  • 5
  • 13

Precisas só de mudar um pouco o teu javascript

var count = Number();
var count = 60;
var tempo = document.getElementById("tempo"); // associar a variavelvariável tempo ao elemento

function start() {
     if ((count - 1) >=> 0){
        count -= 1;
        if (count == 0) {
            count = "Atualizado";
            tempo.classList.add("actualizado");
        }else if(count < 10){
            count = "0"+count;"0" + count;
        }
        tempo.innerText=count;innerText = count;
        setTimeout(start, 100); 
        // em vez de chamar setTimeout("start();", 100) usa só o nome da funcaofunção
        // o setTimeout vai executar a funcaofunção mesmo sem pores os ()
    }
}

start(); // chamar a funcaofunção start() a primeira vez

E no css

.actualizado {
    color: red;
}

Fiz um JsFiddle onde podes ver a contagem decrescente a funcionar

Precisas só de mudar um pouco o teu javascript

var count = Number();
var count = 60;
var tempo = document.getElementById("tempo"); // associar a variavel tempo ao elemento

function start(){
     if ((count - 1) >= 0){
        count -= 1;
        if (count == 0) {
            count = "Atualizado";
        }else if(count < 10){
            count = "0"+count;
        }
        tempo.innerText=count;
        setTimeout(start, 100); 
        // em vez de chamar setTimeout("start();", 100) usa só o nome da funcao
        // o setTimeout vai executar a funcao mesmo sem pores os ()
    }
}

start(); // chamar a funcao start() a primeira vez

Fiz um JsFiddle onde podes ver a contagem decrescente a funcionar

Precisas só de mudar um pouco o teu javascript

var count = 60;
var tempo = document.getElementById("tempo"); // associar a variável tempo ao elemento

function start() {
     if (count > 0){
        count -= 1;
        if (count == 0) {
            count = "Atualizado";
            tempo.classList.add("actualizado");
        }else if(count < 10){
            count = "0" + count;
        }
        tempo.innerText = count;
        setTimeout(start, 100); 
        // em vez de chamar setTimeout("start();", 100) usa só o nome da função
        // o setTimeout vai executar a função mesmo sem pores os ()
    }
}

start(); // chamar a função start() a primeira vez

E no css

.actualizado {
    color: red;
}

Fiz um JsFiddle onde podes ver a contagem decrescente a funcionar

Fonte Link
Leite
  • 1,1mil
  • 5
  • 13

Precisas só de mudar um pouco o teu javascript

var count = Number();
var count = 60;
var tempo = document.getElementById("tempo"); // associar a variavel tempo ao elemento

function start(){
     if ((count - 1) >= 0){
        count -= 1;
        if (count == 0) {
            count = "Atualizado";
        }else if(count < 10){
            count = "0"+count;
        }
        tempo.innerText=count;
        setTimeout(start, 100); 
        // em vez de chamar setTimeout("start();", 100) usa só o nome da funcao
        // o setTimeout vai executar a funcao mesmo sem pores os ()
    }
}

start(); // chamar a funcao start() a primeira vez

Fiz um JsFiddle onde podes ver a contagem decrescente a funcionar