codevember2017/day-7/babel/index.babel at fe17938849c791720c982dde136d09fdfdf3898f · ManzDev/codevember2017 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
let heart = document.querySelector('#heart');
let page = document.querySelector('#page');
let days = document.querySelectorAll('.day');
let phase = 0;
let daysWeek = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun', 'monreboot'];
let currentMusic = 0;
let music = [new Howl({
  src: ['https://cdn.jsdelivr.net/gh/ManzDev/codevember2017/assets/skogens-djur-1.mp3?1'],
  onend: checkMusic.bind()
}), new Howl({
  src: ['https://cdn.jsdelivr.net/gh/ManzDev/codevember2017/assets/skogens-djur-2.mp3?1'],
  onend: checkMusic.bind()
})];

// days.forEach(function(e) {
//   e.onclick = pushDay.bind(event, e.classList[1]);
// });

function pushDay(day, e) {
  //heart.className = day;
  page.className = day;

  if ((day == 'fri') || (day == 'sat'))
    currentMusic = 1;
  else
    currentMusic = 0;
}

function checkMusic() {
    music[currentMusic].play();
}

checkMusic();
setInterval(loop, 10245 / 2);

function loop() {
  phase = (phase + 1) % 8;
  pushDay(daysWeek[phase], page);
}