<!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> var slide = ["procurando_dory.jpg","big_buck_bunny.jpg","madagascar_2.jpg","monstros_sa_2.jpg"]; var i = 5; // Atribui o valor 5 a variável 'i' function clic() { var randomize = Math.floor((Math.random() * slide.length)); document.getElementById('fig').innerHTML = '<img src=\"https://sites.google.com/site/mplayerplugin/repositorio/' + slide[randomize] + '\" />'; var intervalo = setInterval(function() // Aqui vai setar o loop de 1 em 1 segundo. { document.getElementById('txt').textContent = i; // envia o valor de i para o elemento com id 'txt' i--; // retira 1 de 'i' para a contagem regressiva if(i < 0) // se o valor de i for menor do que zero entra no if { clearInterval(intervalo); // parar o loop 'intervalo' que foi setado no inicio limpar(); // ativa a função limpar i = 5;// atribui o valor 5 a variável 'i' para poder recomeçar a contagem quando for pressionado o botão document.getElementById('txt').textContent = 0; // envia o valor 0 para o elemento com id 'txt' }; }, 1000); // Loop de 1 em 1 segundo (1000 milissegundos equivale a 1 segundo) }; function limpar() { document.getElementById('fig').innerHTML = ''; // Esvazia a div id='fig' }; <!-- language: lang-html --> <center> <div id="fig"> </div> <span id="txt"> </span> <hr size="1" color="silver"> <input type="button" onclick="clic()" value="Aperte!" id="troca" /> </center> <!-- end snippet -->