<!-- 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; // Define os 5 segundos para limpar
    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 dos 5 segundos
    {
        document.getElementById('txt').textContent = i; // envia o valor de i para o elemento com id txt
        i--; // retira 1 de i
        if(i < 0) // se o valor de i for menor do que zero entra no if
        {
            clearInterval(intervalo); // para o contador de 5 segundos
            limpar(); // ativa a função limpar
            i = 5;// atribui o valor 5 a variável i
            document.getElementById('txt').textContent = 0; // envia o valor 0 para o elemento com id txt
        };
    }, 1000); // Efetua contagem regressiva
    };

    function limpar() 
    {
    	document.getElementById('fig').innerHTML = ''; // Esvazia a div id='fig'
    };

<!-- language: lang-html -->

    <center>
        <div id="fig"> &nbsp; </div>
        <span id="txt"> &nbsp; </span>
        <hr size="1" color="silver">
        <input type="button" onclick="clic()" value="Aperte!" id="troca" />
    </center>

<!-- end snippet -->