Как случайным образом изменять URL-адреса и изображения с помощью кода JavaScript?

#javascript

Вопрос:

Я использую фрагмент кода в Java Script для изменения изображения и URL-адреса плавающей кнопки контакта WhatsApp, чередуясь в соответствии с коммерческими и некоммерческими периодами. Этот код работает хорошо, но теперь необходимо будет переключаться между 4 различными URL-адресами в период торговли. Я пробовал несколько способов безрезультатно, кто-нибудь знает, как это исправить?

Это текущий код:

     <script type="text/javascript">

  var now = new Date();
  var today = now.getDay();
  var startTime = new Date();
  startTime.setHours(08);
  startTime.setMinutes(00);
  startTime.setSeconds(00);
  var endTime = new Date();
  endTime.setHours(18);
  endTime.setMinutes(30);
  endTime.setSeconds(00);

  var comercial = '<div style="position: fixed; z-index: 1000; width: 123px; height: 140px; bottom: 15px; right: 5px;"><a href="https://wa.me/554830345599?text=Olá, quero saber mais sobre: $title$ ($url$)
 *ENVIE PARA INICIAR*" target="_blank" rel="noopener noreferrer"><img class="size-medium wp-image-2986" src="https://secret.innovacestas.com.br/wp-content/uploads/2020/12/logo-whatsapp-1.png" alt="Atendimento Direto via WhatsApp" width="112" height="90" /></a>';

  var plantao = '<div style="position: fixed; z-index: 1000; width: 123px; height: 140px; bottom: 15px; right: 5px;"><a href="https://wa.me/5548996605599?text=Olá, quero saber mais sobre: $title$ ($url$)
 *ENVIE PARA INICIAR*" target="_blank" rel="noopener noreferrer"><img class="size-medium wp-image-2986" src="https://secret.innovacestas.com.br/wp-content/uploads/2020/04/logo-whatsapp-png.png" alt="Atendimento Direto via WhatsApp" width="112" height="90" /></a>';


  if ((today > 0) amp;amp; (today < 6) amp;amp; (now > startTime) amp;amp; (now < endTime))
  {document.write(comercial);}
  else
  {document.write(plantao);}

  </script>

1. вы должны объяснить немного более подробно требование. Переключение между 4 различными URL-адресами в соответствии с каким условием?

2. также обратите внимание, что самый простой способ делать что-то с периодическими интервалами — это setInterval

3. Второй раз я вижу этот вопрос сегодня

Ответ №1:

Вы можете использовать это, чтобы каждые 5 секунд заставлять его что-то делать

 var delay = 5000
setInterval(() => {
    //Code to display the first object
    setTimeout(() => {
        //Code to display the second object
        setTimeout(() => {
            //Code to display the third object
            setTimeout(() => {
                //Code to display the fourth object
            }, delay*3);
        }, delay*2);
    }, delay);
}, delay*4);

Ответ №2:

Спасибо, друзья, за вашу помощь. Мне удалось решить проблему и отложить решение.

     <script type="text/javascript">

      var now = new Date();
      var today = now.getDay();
      var sec = now.getSeconds();
      var startTime = new Date();
      startTime.setHours(08);
      startTime.setMinutes(00);
      startTime.setSeconds(00);
      var endTime = new Date();
      endTime.setHours(18);
      endTime.setMinutes(30);
      endTime.setSeconds(00);

var tva = '[html code 1]';

var tvb = '[html code 2]';

var tvc = '[html code 3]';

var plantao = '[html code 4]';


if
((today > 0) amp;amp; (today < 6) amp;amp; (now > startTime) amp;amp; (now < endTime) amp;amp; (sec >= 0 amp;amp; sec < 30))
{document.write(tva) }

else if
((today > 0) amp;amp; (today < 6) amp;amp; (now > startTime) amp;amp; (now < endTime) amp;amp; (sec >= 30 amp;amp; sec < 45))
{document.write(tvb) }

else if
((today > 0) amp;amp; (today < 6) amp;amp; (now > startTime) amp;amp; (now < endTime) amp;amp; (sec >= 45 amp;amp; sec < 60))
{document.write(tvc) }

else
{document.write(plantao) }

</script>

Я использовал get .Секунды для работы с переменной от 0 до 59, поэтому в дополнение к определению чередования между URL-адресами и их соответствующими изображениями я могу контролировать соотношение отображения каждого из них.