1

Помогите разобраться. Есть страница, на ней выводятся блоки. В блоке есть небольшой контент и таймер. Блоки генерируются циклом while. Хочу сделать обновление таймера каждую секунду. Не пойму как мне для каждого блока в исходной странице подобрать данные для нужного блока из файла обработчика? Вот код примерный

while ($rowpb = mysqli_fetch_assoc($querypb)) {

$prod_id = $rowpb['id'];
$querypbc    = mysqli_query($connect, "SELECT * FROM `play_prod` WHERE 
prod_id='$prod_id' AND play_id='$play_id' LIMIT 1");
$rowpbc      = mysqli_fetch_assoc($querypbc);
$countpbc    = mysqli_num_rows($querypbc);

<div class="col-md-12">
          <div>  $rowpbc['чтото']</div>
          <div>  $rowpbc['чтото']</div>
          <div>   Здесь таймер который я хочу обновлять каждую секунду</div>
</div>

1 ответ 1

2
<div class="col-md-12">
  <div>  $rowpbc['чтото']</div>
  <div>  $rowpbc['чтото']</div>
  <div></div>
  <!-- Здесь таймер который я хочу обновлять каждую секунду -->
  <script>
    (function(){
      var blocks = document.querySelectorAll(".col-md-12 > div:nth-child(3)");
      setInterval(function(block){
        // refresh content of block
        var value = +block.textContent;
        value = isNaN(value)? 0 : value + 1;
        block.textContent = value;
      }, 1000, blocks[blocks.length - 1]);
    })();
  </script>
</div>
13
  • Данные по таймеру берутся из базы, разве будет корректное обновление?
    – Артём
    14 дек 2018 в 18:08
  • @Артём Да, будет корректное обновление. Если Вы его правильно напишете, конечно.
    – user176262
    14 дек 2018 в 18:09
  • что то у меня походу не получается, но вроде правильно написал!
    – Артём
    14 дек 2018 в 18:27
  • @Артём кхм, кхм... Вы понимаете, что мне сквозь монитор не видно Вашего кода (походу)?
    – user176262
    14 дек 2018 в 18:28
  • ваш весь код скопировал на пустой странице вставил, но ничего не обновляется!
    – Артём
    14 дек 2018 в 18:32

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.