Переместить div в другой div в определенный период времени

Question

Как в 7 часов утра код запускается и перемещает div в другой div

вот мой код

jQuery(document).ready(function(){
  var tomorrow_sec = jQuery("#day").html();
  jQuery("#day-dest").html(tomorrow_sec);
  jQuery("#day").html(" ");
});

Answer 1

Установите интервал загрузки страницы, который будет запускаться каждую 1 секунду.и проверим время.Если время с 07:00 до 09:59, тогда он удалит содержимое из div и вставит его в другой div.

Вы можете проверить рабочую скрипку здесь - Пример

Чтобы проверить это, раскомментируйте строку var today = new Date('01/01/2011 07:00:00'); и прокомментируйте следующую строку var today = new Date();

var interval = setInterval(myfunction, 1000);

function myfunction() {
  //var today = new Date('01/01/2011 07:00:00');
  var today = new Date();
  var time = today.getHours() + ":" + today.getMinutes();
  //console.log(time);
  if (time >= '7:0') {
    clearInterval(interval);
    var tomorrow_sec = jQuery("#day").html();
    jQuery("#day-dest").html(tomorrow_sec);
    jQuery("#day").html("");
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="day">
  content of day div
</div>

<div id="day-dest">
  fghgjgh
</div>

Answer 2

Код будет запускаться при загрузке страницы.Если вы хотите что-то переместить, то вам нужно проверять каждый раз, когда вы загружаете страницу, сколько времени, а затем пытаться открывать в х миллисекундах ИЛИ вам нужно запустить интервал и посмотреть, достигнуто ли время.

Метод первый:

$(function(){
  var now = new Date(); // or new Date(time in milliseconds from server)
  var sevenAm = new Date(now.getFullYear(), now.getMonth(), now.getDate(),7,0,0,0)
  var diff = sevenAm.getTime() - now.getTime();
  if (diff < 0) sevenAm.setDate(sevenAm.getDate()+1); // tomorrow
  diff = sevenAm.getTime() - now.getTime(); 
  var tId = setTimeout(function() {
      var tomorrow_sec = $("#day").html();
      $("#day-dest").html(tomorrow_sec);
      $("#day").empty();
  },diff);
});

Метод 2

$(function() {
  var tId = setInterval(function() {
    var now = new Date();
    var sevenAm = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 7, 0, 0, 0)
    var diff = sevenAm.getTime() - now.getTime();
    if (diff < 0) sevenAm.setDate(sevenAm.getDate() + 1); // tomorrow
    diff = sevenAm.getTime() - now.getTime();
    if (diff <= 60000) { // within a minute - you could use Math.abs here
      var tomorrow_sec = $("#day").html();
      $("#day-dest").html(tomorrow_sec);
      $("#day").empty();
    }
  }, 1000); // 30000: test every 30 seconds
});