Как доставать бдительность, когда несколько элементов выстраиваются по прямой линии в коде этого вопроса?

Я пробовал создавать бдительность, когда следующие #div появляются одновременно:

  • layer0_1
  • layer1_1
  • layer2_1
  • layer3_1
  • layer4_1
  • layer5_1 Я Знаю, что он вам будет казаться простым, но не знаю, почему он представляет мне tantísimos проблемы, страховку, что является очень основной ошибкой.

$(this).ready(function() 
{  
   if ($('#layer0_1').is(':visible')) 
   {
alert(new Date());
   }
    
});

function mostrarEsconder(selector, tiempo, inicial) {
  var $els = $('div[id^=' + selector + ']'),
      i = inicial,
      len = $els.length;

  $els.not( ':eq('+i+')' ).hide(); /*Ocultamos los que no sean el inicial */
  setInterval(function () {
    $els.eq(i).fadeOut(0, function () {
      i = (i + 1) % len;
	  $("#layer6_").text($els.eq(i).attr('id'));
      $els.eq(i).fadeIn(0);
    })
  }, tiempo)
}

jQuery(function() {
  /* Este sería el número que debería proporcionar el código del lado del servidor, 
   por ejemplo en PHP: round(microtime(true) * 1000)*/
   var startdate = " May 20 2016 21:49:57 GMT+0200  ", 
   timestamp =  new Date() - new Date(startdate) ;

  mostrarEsconder('layer0_', 300,  Math.floor(timestamp / 300) % 11),
  mostrarEsconder('layer1_', 300, Math.floor(timestamp / 300) % 12),
  mostrarEsconder('layer2_', 300, Math.floor(timestamp / 300) % 13),
  mostrarEsconder('layer3_', 300, Math.floor(timestamp / 300) % 14),
  mostrarEsconder('layer4_', 300, Math.floor(timestamp / 300) % 15),
  mostrarEsconder('layer5_', 300, Math.floor(timestamp / 300) % 30);
});
.numero {
  position: absolute;
  color: black;
  left: 20px;
  top: 20px;
  z-index: 500; }

.numero1 {
  position: absolute;
  color: blue;
  left: 20px;
  top: 40px;
  z-index: 500; }

.numero2 {
  position: absolute;
  color: red;
  left: 20px;
  top: 60px;
  z-index: 500; }

.numero3 {
  position: absolute;
  color: green;
  left: 20px;
  top: 80px;
  z-index: 500; }

.numero4 {
  position: absolute;
  color: orange;
  left: 20px;
  top: 100px;
  z-index: 500; }

.numero5 {
  position: absolute;
  color: cyan;
  left: 20px;
  top: 120px;
  z-index: 500; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="layer0_1">
<div class="numero">1</div>
</div>
<div id="layer0_2">
<div class="numero">2</div>
</div>
<div id="layer0_3">
<div class="numero">3</div>
</div>
<div id="layer0_4">
<div class="numero">4</div>
</div>
<div id="layer0_5">
<div class="numero">5</div>
</div>
<div id="layer0_6">
<div class="numero">6</div>
</div>
<div id="layer0_7">
<div class="numero">7</div>
</div>
<div id="layer0_8">
<div class="numero">8</div>
</div>
<div id="layer0_9">
<div class="numero">9</div>
</div>
<div id="layer0_10">
<div class="numero">10</div>
</div>
<div id="layer0_11">
<div class="numero">11</div>
</div>
<div id="layer1_1">
<div class="numero1">1</div>
</div>
<div id="layer1_2">
<div class="numero1">2</div>
</div>
<div id="layer1_3">
<div class="numero1">3</div>
</div>
<div id="layer1_4">
<div class="numero1">4</div>
</div>
<div id="layer1_5">
<div class="numero1">5</div>
</div>
<div id="layer1_6">
<div class="numero1">6</div>
</div>
<div id="layer1_7">
<div class="numero1">7</div>
</div>
<div id="layer1_8">
<div class="numero1">8</div>
</div>
<div id="layer1_9">
<div class="numero1">9</div>
</div>
<div id="layer1_10">
<div class="numero1">10</div>
</div>
<div id="layer1_11">
<div class="numero1">11</div>
</div>
<div id="layer1_12">
<div class="numero1">12</div>
</div>

<div id="layer2_1">
<div class="numero2">1</div>
</div>
<div id="layer2_2">
<div class="numero2">2</div>
</div>
<div id="layer2_3">
<div class="numero2">3</div>
</div>
<div id="layer2_4">
<div class="numero2">4</div>
</div>
<div id="layer2_5">
<div class="numero2">5</div>
</div>
<div id="layer2_6">
<div class="numero2">6</div>
</div>
<div id="layer2_7">
<div class="numero2">7</div>
</div>
<div id="layer2_8">
<div class="numero2">8</div>
</div>
<div id="layer2_9">
<div class="numero2">9</div>
</div>
<div id="layer2_10">
<div class="numero2">10</div>
</div>
<div id="layer2_11">
<div class="numero2">11</div>
</div>
<div id="layer2_12">
<div class="numero2">12</div>
</div>
<div id="layer2_13">
<div class="numero2">13</div>
</div>

<div id="layer3_1">
<div class="numero3">1</div>
</div>
<div id="layer3_2">
<div class="numero3">2</div>
</div>
<div id="layer3_3">
<div class="numero3">3</div>
</div>
<div id="layer3_4">
<div class="numero3">4</div>
</div>
<div id="layer3_5">
<div class="numero3">5</div>
</div>
<div id="layer3_6">
<div class="numero3">6</div>
</div>
<div id="layer3_7">
<div class="numero3">7</div>
</div>
<div id="layer3_8">
<div class="numero3">8</div>
</div>
<div id="layer3_9">
<div class="numero3">9</div>
</div>
<div id="layer3_10">
<div class="numero3">10</div>
</div>
<div id="layer3_11">
<div class="numero3">11</div>
</div>
<div id="layer3_12">
<div class="numero3">12</div>
</div>
<div id="layer3_13">
<div class="numero3">13</div>
</div>
<div id="layer3_14">
<div class="numero3">14</div>
</div>

<div id="layer4_1">
<div class="numero4">1</div>
</div>
<div id="layer4_2">
<div class="numero4">2</div>
</div>
<div id="layer4_3">
<div class="numero4">3</div>
</div>
<div id="layer4_4">
<div class="numero4">4</div>
</div>
<div id="layer4_5">
<div class="numero4">5</div>
</div>
<div id="layer4_6">
<div class="numero4">6</div>
</div>
<div id="layer4_7">
<div class="numero4">7</div>
</div>
<div id="layer4_8">
<div class="numero4">8</div>
</div>
<div id="layer4_9">
<div class="numero4">9</div>
</div>
<div id="layer4_10">
<div class="numero4">10</div>
</div>
<div id="layer4_11">
<div class="numero4">11</div>
</div>
<div id="layer4_12">
<div class="numero4">12</div>
</div>
<div id="layer4_13">
<div class="numero4">13</div>
</div>
<div id="layer4_14">
<div class="numero4">14</div>
</div>
<div id="layer4_15">
<div class="numero4">15</div>
</div>

<div id="layer5_1">
<div class="numer5">1</div>
</div>
<div id="layer5_2">
<div class="numer5">2</div>
</div>
<div id="layer5_3">
<div class="numer5">3</div>
</div>
<div id="layer5_4">
<div class="numer5">4</div>
</div>
<div id="layer5_5">
<div class="numer5">5</div>
</div>
<div id="layer5_6">
<div class="numer5">6</div>
</div>
<div id="layer5_7">
<div class="numer5">7</div>
</div>
<div id="layer5_8">
<div class="numer5">8</div>
</div>
<div id="layer5_9">
<div class="numer5">9</div>
</div>
<div id="layer5_10">
<div class="numer5">10</div>
</div>
<div id="layer5_11">
<div class="numer5">11</div>
</div>
<div id="layer5_12">
<div class="numer5">12</div>
</div>
<div id="layer5_13">
<div class="numer5">13</div>
</div>
<div id="layer5_14">
<div class="numer5">14</div>
</div>
<div id="layer5_15">
<div class="numero5">15</div>
</div>
4
задан 10.06.2016, 02:27
3 ответа

Нет ningГєn события, которое производилось бы, появившись или после того, как от себя скроет элемент а следовательно deberГ-схвати выполнять эту comprobaciГіn каждый раз, когда ты показал элемент:

function checkVisible()
{  
  if ($('#layer0_1').is(':visible') &&
      $('#layer1_1').is(':visible')) 
  {
    alert(new Date());
  }

};

function mostrarEsconder(selector, tiempo, inicial) {
  var $els = $('div[id^=' + selector + ']'),
      i = inicial,
      len = $els.length;

  $els.not( ':eq('+i+')' ).hide(); /*Ocultamos los que no sean el inicial */
  setInterval(function () {
    $els.eq(i).fadeOut(0, function () {
      i = (i + 1) % len;
      $("#layer6_").text($els.eq(i).attr('id'));
      $els.eq(i).fadeIn(0, checkVisible);
    })
  }, tiempo)
}

jQuery(function() {
  /* Este sería el número que debería proporcionar el código del lado del servidor, 
       por ejemplo en PHP: round(microtime(true) * 1000)*/
  var startdate = " May 20 2016 21:49:57 GMT+0200  ", 
      timestamp =  new Date() - new Date(startdate) ;

  mostrarEsconder('layer0_', 300,  Math.floor(timestamp / 300) % 11),
    mostrarEsconder('layer1_', 300, Math.floor(timestamp / 300) % 12),
    mostrarEsconder('layer2_', 300, Math.floor(timestamp / 300) % 13),
    mostrarEsconder('layer3_', 300, Math.floor(timestamp / 300) % 14),
    mostrarEsconder('layer4_', 300, Math.floor(timestamp / 300) % 15),
    mostrarEsconder('layer5_', 300, Math.floor(timestamp / 300) % 30);
});
.numero {
  position: absolute;
  color: black;
  left: 20px;
  top: 20px;
  z-index: 500; }

.numero1 {
  position: absolute;
  color: blue;
  left: 20px;
  top: 40px;
  z-index: 500; }

.numero2 {
  position: absolute;
  color: red;
  left: 20px;
  top: 60px;
  z-index: 500; }

.numero3 {
  position: absolute;
  color: green;
  left: 20px;
  top: 80px;
  z-index: 500; }

.numero4 {
  position: absolute;
  color: orange;
  left: 20px;
  top: 100px;
  z-index: 500; }

.numero5 {
  position: absolute;
  color: cyan;
  left: 20px;
  top: 120px;
  z-index: 500; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="layer0_1">
  <div class="numero">1</div>
</div>
<div id="layer0_2">
  <div class="numero">2</div>
</div>
<div id="layer0_3">
  <div class="numero">3</div>
</div>
<div id="layer0_4">
  <div class="numero">4</div>
</div>
<div id="layer0_5">
  <div class="numero">5</div>
</div>
<div id="layer0_6">
  <div class="numero">6</div>
</div>
<div id="layer0_7">
  <div class="numero">7</div>
</div>
<div id="layer0_8">
  <div class="numero">8</div>
</div>
<div id="layer0_9">
  <div class="numero">9</div>
</div>
<div id="layer0_10">
  <div class="numero">10</div>
</div>
<div id="layer0_11">
  <div class="numero">11</div>
</div>
<div id="layer1_1">
  <div class="numero1">1</div>
</div>
<div id="layer1_2">
  <div class="numero1">2</div>
</div>
<div id="layer1_3">
  <div class="numero1">3</div>
</div>
<div id="layer1_4">
  <div class="numero1">4</div>
</div>
<div id="layer1_5">
  <div class="numero1">5</div>
</div>
<div id="layer1_6">
  <div class="numero1">6</div>
</div>
<div id="layer1_7">
  <div class="numero1">7</div>
</div>
<div id="layer1_8">
  <div class="numero1">8</div>
</div>
<div id="layer1_9">
  <div class="numero1">9</div>
</div>
<div id="layer1_10">
  <div class="numero1">10</div>
</div>
<div id="layer1_11">
  <div class="numero1">11</div>
</div>
<div id="layer1_12">
  <div class="numero1">12</div>
</div>

<div id="layer2_1">
  <div class="numero2">1</div>
</div>
<div id="layer2_2">
  <div class="numero2">2</div>
</div>
<div id="layer2_3">
  <div class="numero2">3</div>
</div>
<div id="layer2_4">
  <div class="numero2">4</div>
</div>
<div id="layer2_5">
  <div class="numero2">5</div>
</div>
<div id="layer2_6">
  <div class="numero2">6</div>
</div>
<div id="layer2_7">
  <div class="numero2">7</div>
</div>
<div id="layer2_8">
  <div class="numero2">8</div>
</div>
<div id="layer2_9">
  <div class="numero2">9</div>
</div>
<div id="layer2_10">
  <div class="numero2">10</div>
</div>
<div id="layer2_11">
  <div class="numero2">11</div>
</div>
<div id="layer2_12">
  <div class="numero2">12</div>
</div>
<div id="layer2_13">
  <div class="numero2">13</div>
</div>

<div id="layer3_1">
  <div class="numero3">1</div>
</div>
<div id="layer3_2">
  <div class="numero3">2</div>
</div>
<div id="layer3_3">
  <div class="numero3">3</div>
</div>
<div id="layer3_4">
  <div class="numero3">4</div>
</div>
<div id="layer3_5">
  <div class="numero3">5</div>
</div>
<div id="layer3_6">
  <div class="numero3">6</div>
</div>
<div id="layer3_7">
  <div class="numero3">7</div>
</div>
<div id="layer3_8">
  <div class="numero3">8</div>
</div>
<div id="layer3_9">
  <div class="numero3">9</div>
</div>
<div id="layer3_10">
  <div class="numero3">10</div>
</div>
<div id="layer3_11">
  <div class="numero3">11</div>
</div>
<div id="layer3_12">
  <div class="numero3">12</div>
</div>
<div id="layer3_13">
  <div class="numero3">13</div>
</div>
<div id="layer3_14">
  <div class="numero3">14</div>
</div>

<div id="layer4_1">
  <div class="numero4">1</div>
</div>
<div id="layer4_2">
  <div class="numero4">2</div>
</div>
<div id="layer4_3">
  <div class="numero4">3</div>
</div>
<div id="layer4_4">
  <div class="numero4">4</div>
</div>
<div id="layer4_5">
  <div class="numero4">5</div>
</div>
<div id="layer4_6">
  <div class="numero4">6</div>
</div>
<div id="layer4_7">
  <div class="numero4">7</div>
</div>
<div id="layer4_8">
  <div class="numero4">8</div>
</div>
<div id="layer4_9">
  <div class="numero4">9</div>
</div>
<div id="layer4_10">
  <div class="numero4">10</div>
</div>
<div id="layer4_11">
  <div class="numero4">11</div>
</div>
<div id="layer4_12">
  <div class="numero4">12</div>
</div>
<div id="layer4_13">
  <div class="numero4">13</div>
</div>
<div id="layer4_14">
  <div class="numero4">14</div>
</div>
<div id="layer4_15">
  <div class="numero4">15</div>
</div>

<div id="layer5_1">
  <div class="numero5">1</div>
</div>
<div id="layer5_2">
  <div class="numero5">2</div>
</div>
<div id="layer5_3">
  <div class="numero5">3</div>
</div>
<div id="layer5_4">
  <div class="numero5">4</div>
</div>
<div id="layer5_5">
  <div class="numero5">5</div>
</div>
<div id="layer5_6">
  <div class="numero5">6</div>
</div>
<div id="layer5_7">
  <div class="numero5">7</div>
</div>
<div id="layer5_8">
  <div class="numero5">8</div>
</div>
<div id="layer5_9">
  <div class="numero5">9</div>
</div>
<div id="layer5_10">
  <div class="numero5">10</div>
</div>
<div id="layer5_11">
  <div class="numero5">11</div>
</div>
<div id="layer5_12">
  <div class="numero5">12</div>
</div>
<div id="layer5_13">
  <div class="numero5">13</div>
</div>
<div id="layer5_14">
  <div class="numero5">14</div>
</div>
<div id="layer5_15">
  <div class="numero5">15</div>
</div>

В этом примере я подтверждаю, что estГ©n видимые первые два divs с "1".

2
ответ дан 24.11.2019, 14:11
  • 1
    Спасибо Асиер твой comprobaci и # 243; n s и # 237; что функционирует как то, чтобы быть должным и # 237; в! Я не понимаю из-за qu и # 233; другие не. Приветствие. – Ivan Soler 10.06.2016, 13:49
  • 2
    Но из-за qu и # 233; он повторяется layer0? Дело в том, что оно не функционирует хорошо... Я не понимаю, который является ошибкой. – Ivan Soler 10.06.2016, 13:51
  • 3
    #191; В qu и # 233; ты относишься, с которым он повторяется layer0? – Asier Villanueva 10.06.2016, 13:57
  • 4
    S и # 237; Асиер, у меня выходит вся первая последовательность n и # 250; морские окуни, повторенный в верхнем левом углу, когда я применяюсь c и # 243; я говорю. – Ivan Soler 10.06.2016, 15:03
  • 5
    Но проблема должна быть в другой части c и # 243; я говорю. С этим примером он не происходит. – Asier Villanueva 10.06.2016, 15:27

$(document).ready(function() 
{  
   if ($('#layer0_1').is(':visible')) 
   {
alert(new Date());
   }
    
});

function mostrarEsconder(selector, tiempo, inicial) {
  var $els = $('div[id^=' + selector + ']'),
      i = inicial,
      len = $els.length;

  $els.not( ':eq('+i+')' ).hide(); /*Ocultamos los que no sean el inicial */
  setInterval(function () {
    $els.eq(i).fadeOut(0, function () {
      i = (i + 1) % len;
	  $("#layer6_").text($els.eq(i).attr('id'));
      $els.eq(i).fadeIn(0);
    })
    if ($els.eq(i) === 1){
    alert('1');
     }
  }, tiempo)
}

jQuery(function() {
  /* Este sería el número que debería proporcionar el código del lado del servidor, 
   por ejemplo en PHP: round(microtime(true) * 1000)*/
   var startdate = " May 20 2016 21:49:57 GMT+0200  ", 
   timestamp =  new Date() - new Date(startdate) ;

  mostrarEsconder('layer0_', 300,  Math.floor(timestamp / 300) % 11),
  mostrarEsconder('layer1_', 300, Math.floor(timestamp / 300) % 12),
  mostrarEsconder('layer2_', 300, Math.floor(timestamp / 300) % 13),
  mostrarEsconder('layer3_', 300, Math.floor(timestamp / 300) % 14),
  mostrarEsconder('layer4_', 300, Math.floor(timestamp / 300) % 15),
  mostrarEsconder('layer5_', 300, Math.floor(timestamp / 300) % 30);
});
.numero {
  position: absolute;
  color: black;
  left: 20px;
  top: 20px;
  z-index: 500; }

.numero1 {
  position: absolute;
  color: blue;
  left: 20px;
  top: 40px;
  z-index: 500; }

.numero2 {
  position: absolute;
  color: red;
  left: 20px;
  top: 60px;
  z-index: 500; }

.numero3 {
  position: absolute;
  color: green;
  left: 20px;
  top: 80px;
  z-index: 500; }

.numero4 {
  position: absolute;
  color: orange;
  left: 20px;
  top: 100px;
  z-index: 500; }

.numero5 {
  position: absolute;
  color: cyan;
  left: 20px;
  top: 120px;
  z-index: 500; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="layer0_1">
<div class="numero">1</div>
</div>
<div id="layer0_2">
<div class="numero">2</div>
</div>
<div id="layer0_3">
<div class="numero">3</div>
</div>
<div id="layer0_4">
<div class="numero">4</div>
</div>
<div id="layer0_5">
<div class="numero">5</div>
</div>
<div id="layer0_6">
<div class="numero">6</div>
</div>
<div id="layer0_7">
<div class="numero">7</div>
</div>
<div id="layer0_8">
<div class="numero">8</div>
</div>
<div id="layer0_9">
<div class="numero">9</div>
</div>
<div id="layer0_10">
<div class="numero">10</div>
</div>
<div id="layer0_11">
<div class="numero">11</div>
</div>
<div id="layer1_1">
<div class="numero1">1</div>
</div>
<div id="layer1_2">
<div class="numero1">2</div>
</div>
<div id="layer1_3">
<div class="numero1">3</div>
</div>
<div id="layer1_4">
<div class="numero1">4</div>
</div>
<div id="layer1_5">
<div class="numero1">5</div>
</div>
<div id="layer1_6">
<div class="numero1">6</div>
</div>
<div id="layer1_7">
<div class="numero1">7</div>
</div>
<div id="layer1_8">
<div class="numero1">8</div>
</div>
<div id="layer1_9">
<div class="numero1">9</div>
</div>
<div id="layer1_10">
<div class="numero1">10</div>
</div>
<div id="layer1_11">
<div class="numero1">11</div>
</div>
<div id="layer1_12">
<div class="numero1">12</div>
</div>

<div id="layer2_1">
<div class="numero2">1</div>
</div>
<div id="layer2_2">
<div class="numero2">2</div>
</div>
<div id="layer2_3">
<div class="numero2">3</div>
</div>
<div id="layer2_4">
<div class="numero2">4</div>
</div>
<div id="layer2_5">
<div class="numero2">5</div>
</div>
<div id="layer2_6">
<div class="numero2">6</div>
</div>
<div id="layer2_7">
<div class="numero2">7</div>
</div>
<div id="layer2_8">
<div class="numero2">8</div>
</div>
<div id="layer2_9">
<div class="numero2">9</div>
</div>
<div id="layer2_10">
<div class="numero2">10</div>
</div>
<div id="layer2_11">
<div class="numero2">11</div>
</div>
<div id="layer2_12">
<div class="numero2">12</div>
</div>
<div id="layer2_13">
<div class="numero2">13</div>
</div>

<div id="layer3_1">
<div class="numero3">1</div>
</div>
<div id="layer3_2">
<div class="numero3">2</div>
</div>
<div id="layer3_3">
<div class="numero3">3</div>
</div>
<div id="layer3_4">
<div class="numero3">4</div>
</div>
<div id="layer3_5">
<div class="numero3">5</div>
</div>
<div id="layer3_6">
<div class="numero3">6</div>
</div>
<div id="layer3_7">
<div class="numero3">7</div>
</div>
<div id="layer3_8">
<div class="numero3">8</div>
</div>
<div id="layer3_9">
<div class="numero3">9</div>
</div>
<div id="layer3_10">
<div class="numero3">10</div>
</div>
<div id="layer3_11">
<div class="numero3">11</div>
</div>
<div id="layer3_12">
<div class="numero3">12</div>
</div>
<div id="layer3_13">
<div class="numero3">13</div>
</div>
<div id="layer3_14">
<div class="numero3">14</div>
</div>

<div id="layer4_1">
<div class="numero4">1</div>
</div>
<div id="layer4_2">
<div class="numero4">2</div>
</div>
<div id="layer4_3">
<div class="numero4">3</div>
</div>
<div id="layer4_4">
<div class="numero4">4</div>
</div>
<div id="layer4_5">
<div class="numero4">5</div>
</div>
<div id="layer4_6">
<div class="numero4">6</div>
</div>
<div id="layer4_7">
<div class="numero4">7</div>
</div>
<div id="layer4_8">
<div class="numero4">8</div>
</div>
<div id="layer4_9">
<div class="numero4">9</div>
</div>
<div id="layer4_10">
<div class="numero4">10</div>
</div>
<div id="layer4_11">
<div class="numero4">11</div>
</div>
<div id="layer4_12">
<div class="numero4">12</div>
</div>
<div id="layer4_13">
<div class="numero4">13</div>
</div>
<div id="layer4_14">
<div class="numero4">14</div>
</div>
<div id="layer4_15">
<div class="numero4">15</div>
</div>

<div id="layer5_1">
<div class="numer5">1</div>
</div>
<div id="layer5_2">
<div class="numer5">2</div>
</div>
<div id="layer5_3">
<div class="numer5">3</div>
</div>
<div id="layer5_4">
<div class="numer5">4</div>
</div>
<div id="layer5_5">
<div class="numer5">5</div>
</div>
<div id="layer5_6">
<div class="numer5">6</div>
</div>
<div id="layer5_7">
<div class="numer5">7</div>
</div>
<div id="layer5_8">
<div class="numer5">8</div>
</div>
<div id="layer5_9">
<div class="numer5">9</div>
</div>
<div id="layer5_10">
<div class="numer5">10</div>
</div>
<div id="layer5_11">
<div class="numer5">11</div>
</div>
<div id="layer5_12">
<div class="numer5">12</div>
</div>
<div id="layer5_13">
<div class="numer5">13</div>
</div>
<div id="layer5_14">
<div class="numer5">14</div>
</div>
<div id="layer5_15">
<div class="numero5">15</div>
</div>
0
ответ дан 24.11.2019, 14:11
  • 1
    Нет, продолжи делать то же самое, уже prob и # 233; этот opci и # 243; n. Adem и # 225; s мне нужно, чтобы бдительность явилась, когда все совпадут в 1, хотя хороший я не думаю, что это dif и # 237; cil, когда уже оно будет функционировать для единственного div. Если ты обращаешь внимание бдительность, засолите совсем не м и # 225; s загружать ее p и # 225; gina и не быть должным и # 237; в. – Ivan Soler 10.06.2016, 03:02
  • 2
    и из-за которого ты не пытаешься делая if, уже измените код. ты скажи мне, так хочешь ли ты, чтобы оно функционировало. – Rimuru Tempest 10.06.2016, 03:21
  • 3
    Цюй и # 233; пойди, оно не функционирует, продолжает выходить бдительность, когда Я даю ему Выполнять, и не, когда div #layer0_1 видимый... не s и # 233; которое существо и # 225; проблема, но я подозреваю, что он может быть связанным со способом заставлять это появляться (это fadeIn) очень странно, что это не функционирует как то, чтобы быть должным и # 237; в... – Ivan Soler 10.06.2016, 03:41

Только ты подтверждаешь, если div он видимый, загрузив страницу, ты должен подтверждать это каждый раз, когда они изменили стоимость:

function mostrarEsconder(selector, tiempo, inicial) {
  var $els = $('div[id^=' + selector + ']'),
    i = inicial,
    len = $els.length;

  $els.not(':eq(' + i + ')').hide(); /*Ocultamos los que no sean el inicial */
  setInterval(function() {
    if ($('#layer0_1').is(':visible')) {
      alert(new Date());
    }
    $els.eq(i).fadeOut(0, function() {
      i = (i + 1) % len;
      $("#layer6_").text($els.eq(i).attr('id'));
      $els.eq(i).fadeIn(0);
    })
    if ($els.eq(i) === 1) {
      alert('1');
    }
  }, tiempo)
}

jQuery(function() {
  /* Este sería el número que debería proporcionar el código del lado del servidor, 
   por ejemplo en PHP: round(microtime(true) * 1000)*/
  var startdate = " May 20 2016 21:49:57 GMT+0200  ",
    timestamp = new Date() - new Date(startdate);

  mostrarEsconder('layer0_', 300, Math.floor(timestamp / 300) % 11),
    mostrarEsconder('layer1_', 300, Math.floor(timestamp / 300) % 12),
    mostrarEsconder('layer2_', 300, Math.floor(timestamp / 300) % 13),
    mostrarEsconder('layer3_', 300, Math.floor(timestamp / 300) % 14),
    mostrarEsconder('layer4_', 300, Math.floor(timestamp / 300) % 15),
    mostrarEsconder('layer5_', 300, Math.floor(timestamp / 300) % 30);
});
.numero {
  position: absolute;
  color: black;
  left: 20px;
  top: 20px;
  z-index: 500;
}

.numero1 {
  position: absolute;
  color: blue;
  left: 20px;
  top: 40px;
  z-index: 500;
}

.numero2 {
  position: absolute;
  color: red;
  left: 20px;
  top: 60px;
  z-index: 500;
}

.numero3 {
  position: absolute;
  color: green;
  left: 20px;
  top: 80px;
  z-index: 500;
}

.numero4 {
  position: absolute;
  color: orange;
  left: 20px;
  top: 100px;
  z-index: 500;
}

.numero5 {
  position: absolute;
  color: cyan;
  left: 20px;
  top: 120px;
  z-index: 500;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="layer0_1">
  <div class="numero">1</div>
</div>
<div id="layer0_2">
  <div class="numero">2</div>
</div>
<div id="layer0_3">
  <div class="numero">3</div>
</div>
<div id="layer0_4">
  <div class="numero">4</div>
</div>
<div id="layer0_5">
  <div class="numero">5</div>
</div>
<div id="layer0_6">
  <div class="numero">6</div>
</div>
<div id="layer0_7">
  <div class="numero">7</div>
</div>
<div id="layer0_8">
  <div class="numero">8</div>
</div>
<div id="layer0_9">
  <div class="numero">9</div>
</div>
<div id="layer0_10">
  <div class="numero">10</div>
</div>
<div id="layer0_11">
  <div class="numero">11</div>
</div>
<div id="layer1_1">
  <div class="numero1">1</div>
</div>
<div id="layer1_2">
  <div class="numero1">2</div>
</div>
<div id="layer1_3">
  <div class="numero1">3</div>
</div>
<div id="layer1_4">
  <div class="numero1">4</div>
</div>
<div id="layer1_5">
  <div class="numero1">5</div>
</div>
<div id="layer1_6">
  <div class="numero1">6</div>
</div>
<div id="layer1_7">
  <div class="numero1">7</div>
</div>
<div id="layer1_8">
  <div class="numero1">8</div>
</div>
<div id="layer1_9">
  <div class="numero1">9</div>
</div>
<div id="layer1_10">
  <div class="numero1">10</div>
</div>
<div id="layer1_11">
  <div class="numero1">11</div>
</div>
<div id="layer1_12">
  <div class="numero1">12</div>
</div>

<div id="layer2_1">
  <div class="numero2">1</div>
</div>
<div id="layer2_2">
  <div class="numero2">2</div>
</div>
<div id="layer2_3">
  <div class="numero2">3</div>
</div>
<div id="layer2_4">
  <div class="numero2">4</div>
</div>
<div id="layer2_5">
  <div class="numero2">5</div>
</div>
<div id="layer2_6">
  <div class="numero2">6</div>
</div>
<div id="layer2_7">
  <div class="numero2">7</div>
</div>
<div id="layer2_8">
  <div class="numero2">8</div>
</div>
<div id="layer2_9">
  <div class="numero2">9</div>
</div>
<div id="layer2_10">
  <div class="numero2">10</div>
</div>
<div id="layer2_11">
  <div class="numero2">11</div>
</div>
<div id="layer2_12">
  <div class="numero2">12</div>
</div>
<div id="layer2_13">
  <div class="numero2">13</div>
</div>

<div id="layer3_1">
  <div class="numero3">1</div>
</div>
<div id="layer3_2">
  <div class="numero3">2</div>
</div>
<div id="layer3_3">
  <div class="numero3">3</div>
</div>
<div id="layer3_4">
  <div class="numero3">4</div>
</div>
<div id="layer3_5">
  <div class="numero3">5</div>
</div>
<div id="layer3_6">
  <div class="numero3">6</div>
</div>
<div id="layer3_7">
  <div class="numero3">7</div>
</div>
<div id="layer3_8">
  <div class="numero3">8</div>
</div>
<div id="layer3_9">
  <div class="numero3">9</div>
</div>
<div id="layer3_10">
  <div class="numero3">10</div>
</div>
<div id="layer3_11">
  <div class="numero3">11</div>
</div>
<div id="layer3_12">
  <div class="numero3">12</div>
</div>
<div id="layer3_13">
  <div class="numero3">13</div>
</div>
<div id="layer3_14">
  <div class="numero3">14</div>
</div>

<div id="layer4_1">
  <div class="numero4">1</div>
</div>
<div id="layer4_2">
  <div class="numero4">2</div>
</div>
<div id="layer4_3">
  <div class="numero4">3</div>
</div>
<div id="layer4_4">
  <div class="numero4">4</div>
</div>
<div id="layer4_5">
  <div class="numero4">5</div>
</div>
<div id="layer4_6">
  <div class="numero4">6</div>
</div>
<div id="layer4_7">
  <div class="numero4">7</div>
</div>
<div id="layer4_8">
  <div class="numero4">8</div>
</div>
<div id="layer4_9">
  <div class="numero4">9</div>
</div>
<div id="layer4_10">
  <div class="numero4">10</div>
</div>
<div id="layer4_11">
  <div class="numero4">11</div>
</div>
<div id="layer4_12">
  <div class="numero4">12</div>
</div>
<div id="layer4_13">
  <div class="numero4">13</div>
</div>
<div id="layer4_14">
  <div class="numero4">14</div>
</div>
<div id="layer4_15">
  <div class="numero4">15</div>
</div>

<div id="layer5_1">
  <div class="numer5">1</div>
</div>
<div id="layer5_2">
  <div class="numer5">2</div>
</div>
<div id="layer5_3">
  <div class="numer5">3</div>
</div>
<div id="layer5_4">
  <div class="numer5">4</div>
</div>
<div id="layer5_5">
  <div class="numer5">5</div>
</div>
<div id="layer5_6">
  <div class="numer5">6</div>
</div>
<div id="layer5_7">
  <div class="numer5">7</div>
</div>
<div id="layer5_8">
  <div class="numer5">8</div>
</div>
<div id="layer5_9">
  <div class="numer5">9</div>
</div>
<div id="layer5_10">
  <div class="numer5">10</div>
</div>
<div id="layer5_11">
  <div class="numer5">11</div>
</div>
<div id="layer5_12">
  <div class="numer5">12</div>
</div>
<div id="layer5_13">
  <div class="numer5">13</div>
</div>
<div id="layer5_14">
  <div class="numer5">14</div>
</div>
<div id="layer5_15">
  <div class="numero5">15</div>
</div>
0
ответ дан 24.11.2019, 14:11