rosemary.stevens.88 Ответов: 2

Установите правильную радиостанцию в день

Hi guys

I am pretty amateur and trying to finish a project for a friend with html and wix.

We want the right radio station to appear per day.

Based in UTC +1 time we want

m https://www.iradeo.com/station/140679 salsa
t https://www.iradeo.com/station/140678 rumba
w https://www.iradeo.com/station/140711 tango
t https://www.iradeo.com/station/140712 country
f https://www.iradeo.com/station/140713 house
s https://www.iradeo.com/station/140714 lounge
s https://www.iradeo.com/station/140715 classic

I know how to put in the center of a page one radio station loading via

<iframe width="100%" height="55" src="https://www.iradeo.com/station/embed/140714?override_schedule_colors=1" frameborder="0" scrolling="no"></iframe><iframe width="100%" height="55" src="https://www.iradeo.com/station/embed/140714?override_schedule=1" frameborder="0" scrolling="no"></iframe>

I don't know how to make this alternate the stations based on time and day. Perhaps with a combination of if statements? Thank you!

rosemary.stevens88@gmail.com


Что я уже пробовал:

мой лучший? :p

&ЛТ;элемент iframe ширина="100%" высота="55" параметре src="https://www.iradeo.com/station/embed/140714?override_schedule_colors=1" frameborder="0" прокрутки="нет"&ГТ;&ЛТ;/iframe из&ГТ;&ЛТ;элемент iframe ширина="100%" высота="55" параметре src="https://www.iradeo.com/station/embed/140714?override_schedule=1" frameborder="0" прокрутки="нет"&ГТ;&ЛТ;/iframe и GT и GT;

2 Ответов

Рейтинг:
1

Richard Deeming

Начните с удаления src атрибут, и дающий <iframe> один id:

<iframe id="radio" width="100%" height="55" frameborder="0" scrolling="no"></iframe>

Затем добавьте немного Javascript для инициализации <iframe> когда страница загружается:
window.onload = function(){
  // 0 = Sunday, 1 = Monday, ...
  var stations = [
    "https://www.iradeo.com/station/140715",
    "https://www.iradeo.com/station/140679",
    "https://www.iradeo.com/station/140678",
    "https://www.iradeo.com/station/140711",
    "https://www.iradeo.com/station/140712",
    "https://www.iradeo.com/station/140713",
    "https://www.iradeo.com/station/140714"
  ];
  
  var today = new Date();
  var day = today.getDay();
  var station = stations[day];
  document.getElementById("radio").setAttribute("src", station);
};

Пример[^]

То stations массив должен начинаться с воскресенья, так как именно так представляются номера дней Javascript:
Date.prototype. getDay () - JavaScript | MDN[^]

Рейтинг:
0

Afzaal Ahmad Zeeshan

В JavaScript вы можете получить текущий день и посмотреть, какую станцию играть. Например вот так, 

var date = new Date();
var day = date.getDay(); // 3

Это довольно запутанный способ сделать это, поэтому вы можете создать вспомогательную функцию, чтобы получить имя в дружественной форме. Подобный этому, 
function getNameOfDay(day) {
   switch(day) {
      case 1: return 'Monday';
      case 2: return 'Tuesday';

      // ... So on.
   }
}

Затем вы можете использовать эту функцию для выбора радиостанции для воспроизведения.
var dayName = getNameOfDay(new Date().getDay()); // Get the name,
if(dayName == 'Monday') {
   var myIframe = document.getElementById("setIdtoIframe");
   myIframe.src = "monday-station";
} else if {} // Move onwards.

Таким образом, вы можете обойти эту проблему и выполнить проверку при запуске вашего приложения. Запускайте скрипт каждый раз, когда пользователь входит в систему.