Блог

Главная - Вопросы по программированию - как постоянно проверять, содержит ли iframe указанный класс или идентификатор

как постоянно проверять, содержит ли iframe указанный класс или идентификатор

#javascript #jquery #iframe

Вопрос:

Итак, давайте просто скажем, что у меня есть веб-сайт, на котором отображается другой веб-сайт с iframe, а затем я хотел получить значение из ввода внутри этого iframe, но проблема в том, что этот ввод не существует при первой загрузке iframe, есть ли способ создать код javascript, который постоянно проверяет, существует ли этот ввод с указанным идентификатором/классом каждый раз (обновление iframe) ?

Ответ №1:

Вы можете использовать setTimeout() метод jQuery для задержки выполнения функции или/и использовать setInterval() метод jQuery для выполнения функции каждые определенное время.

Пример setTimeout()

Он покажет текст через 2 секунды после полной загрузки окна.

 $(window).on('load', function(){

   let msg = 'This appears after 2 seconds the window is completely loaded.'

 setTimeout(function(){
      $('#element-id').text(msg);
  }, 2000); 

}); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body style="text-align:center">
  <div id="element-id" style="font-size:30px;color:black;width:300px">
  </div>
</body>

Пример setInterval()

Он будет добавлять HTML-код каждые 2 секунды

 $(window).on('load', function(){

     setInterval(function(){
          $('#element-id').append("<p>Do something every 2 seconds</p>");
      }, 2000); 

}); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body style="text-align:center">
  <div id="element-id" style="font-size:15px;color:black;width:300px">
  </div>
</body>
Метки: ,