Skip to main content
Comentários parte II
Fonte Link
user31050
  • 440
  • 4
  • 12

var slide = ["procurando_dory.jpg","big_buck_bunny.jpg","madagascar_2.jpg","monstros_sa_2.jpg"];
var i = 5; // DefineAtribui oso valor 5 segundosa paravariável limpar'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'txt'
    i--; // retira 1 de i'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'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'txt'
    };
}, 1000); // EfetuaLoop contagemde regressiva1 em 1 segundo (1000 milissegundos equivale a 1 segundo)
};

function limpar() 
{
    document.getElementById('fig').innerHTML = ''; // Esvazia a div id='fig'
};
<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>

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  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
    if(i < 0) // se o valor de i for menor do que zero entra no if
    {
        clearInterval(intervalo); // parar o loop 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); // Efetua contagem regressiva
};

function limpar() 
{
    document.getElementById('fig').innerHTML = ''; // Esvazia a div id='fig'
};
<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>

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'
};
<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>

Alteração dos comentários no código
Fonte Link
user31050
  • 440
  • 4
  • 12

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 5de segundos1 em 1 segundo.
{
    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); // paraparar o contadorloop deque 5foi segundossetado 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); // Efetua contagem regressiva
};

function limpar() 
{
    document.getElementById('fig').innerHTML = ''; // Esvazia a div id='fig'
};
<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>

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'
};
<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>

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  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
    if(i < 0) // se o valor de i for menor do que zero entra no if
    {
        clearInterval(intervalo); // parar o loop 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); // Efetua contagem regressiva
};

function limpar() 
{
    document.getElementById('fig').innerHTML = ''; // Esvazia a div id='fig'
};
<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>

Uma leve correção neste ponto }, 5000); para }, 1000); pois a variável var i = 5 ja esta definindo os 5 segundos
Fonte Link

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
    };
}, 50001000); // Define os 5 segundosEfetua paracontagem limparregressiva
};

function limpar() 
{
    document.getElementById('fig').innerHTML = ''; // Esvazia a div id='fig'
};
<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>

var slide = ["procurando_dory.jpg","big_buck_bunny.jpg","madagascar_2.jpg","monstros_sa_2.jpg"];
var i = 5;
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
    };
}, 5000); // Define os 5 segundos para limpar
};

function limpar() 
{
    document.getElementById('fig').innerHTML = ''; // Esvazia a div id='fig'
};
<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>

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'
};
<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>

adicionou 318 caracteres ao conteúdo
Fonte Link
user31050
  • 440
  • 4
  • 12
Carregando
code snippet
Fonte Link
William Pereira
  • 4,2mil
  • 4
  • 28
  • 50
Carregando
Fonte Link
user31050
  • 440
  • 4
  • 12
Carregando