Skip to main content
adicionou 686 caracteres ao conteúdo
Fonte Link
Mateus Veloso
  • 1,9mil
  • 9
  • 27

VejaAlterei a resposta, veja se esse exemplo te guia. Não deu pra entender muito bemse encaixa em algo semelhante a sua necessidade.

const segundos = 1000 //milesegundos;

$(function(){
  $('#bt''input').click(() => {
   
  $('#bt''input').attr('disabled','true');
  var cor = setTimeoutgetRandomColor();
  var i = 1;
  var interval = setInterval(() => {
    //Toda sua window.locationlogica =vai 'https://pt.stackoverflowser feita aqui! 
    if(!$('#div'+i)[0]){
      clearInterval(interval);
      $('input').com';removeAttr('disabled');
      return;
    };
    $('#div'+i).css('background',segundoscor);
    i++;
  },2000);
  
});

function getRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}
div{
  width: 50px;
  height: 50px;
  float:left;
  margin-left: 5px;
  background: red;
}

input{
  float:left;
  width: 100%;
  margin-top: 20px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<input type="button" value="CLICK" id="bt">value="Start">

Veja se esse exemplo te guia. Não deu pra entender muito bem sua necessidade.

const segundos = 1000 //milesegundos;

$(function(){
  $('#bt').click(() => {
    $('#bt').attr('disabled','true');
    setTimeout(() => {
      window.location = 'https://pt.stackoverflow.com';
    },segundos);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="CLICK" id="bt">

Alterei a resposta, veja se se encaixa em algo semelhante a sua necessidade.

$('input').click(() => {
   
  $('input').attr('disabled','true');
  var cor = getRandomColor();
  var i = 1;
  var interval = setInterval(() => {
    //Toda sua logica vai ser feita aqui! 
    if(!$('#div'+i)[0]){
      clearInterval(interval);
      $('input').removeAttr('disabled');
      return;
    };
    $('#div'+i).css('background',cor);
    i++;
  },2000);
  
});

function getRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}
div{
  width: 50px;
  height: 50px;
  float:left;
  margin-left: 5px;
  background: red;
}

input{
  float:left;
  width: 100%;
  margin-top: 20px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<input type="button" value="Start">

Fonte Link
Mateus Veloso
  • 1,9mil
  • 9
  • 27

Veja se esse exemplo te guia. Não deu pra entender muito bem sua necessidade.

const segundos = 1000 //milesegundos;

$(function(){
  $('#bt').click(() => {
    $('#bt').attr('disabled','true');
    setTimeout(() => {
      window.location = 'https://pt.stackoverflow.com';
    },segundos);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="CLICK" id="bt">