1 files changed, 58 insertions, 0 deletions
diff --git a/random-projects/season3-countdown/script.js b/random-projects/season3-countdown/script.js
new file mode 100644
index 0000000..203bbd0
--- /dev/null
+++ b/random-projects/season3-countdown/script.js
@@ -0,0 +1,58 @@
+// var EVENT_TIME = 1501471800
+var EVENT_TIME = 1501471800000
+var NODES = {
+  VIDEO: document.querySelector('.background-video'),
+  DAYS: document.querySelector('#days'),
+  HOURS: document.querySelector('#hours'),
+  MINUTES: document.querySelector('#minutes'),
+  SECONDS: document.querySelector('#seconds'),
+  MILLISECONDS: document.querySelector('#milliseconds')
+}
+
+function format (number, length) {
+  var string = number.toString()
+  while (length > string.length) {
+    string = '0' + string
+  }
+  return string
+}
+
+window.setInterval(function () {
+  var timeDiff = EVENT_TIME - new Date().getTime()
+  duration = moment.duration(timeDiff, 'milliseconds')
+  NODES.DAYS.innerText = format(duration.days(), 2)
+  NODES.HOURS.innerText = format(duration.hours(), 2)
+  NODES.MINUTES.innerText = format(duration.minutes(), 2)
+  NODES.SECONDS.innerText = format(duration.seconds(), 2)
+  NODES.MILLISECONDS.innerText = format(duration.milliseconds(), 3)
+}, 1);
+
+function onYouTubeIframeAPIReady () {
+  var player = new YT.Player('youtube-background', {
+    videoId: 'DeAw6aXHzcY',
+    width: 1080,
+    height: 1920,
+    playerVars: {
+      autoplay: 1,
+      controls: 0,
+      showinfo: 0,
+      modestbranding: 1,
+      loop: 1,
+      fs: 0,
+      cc_load_policy: 0,
+      iv_load_policy: 3,
+      autohide: 0
+    },
+    events: {
+      onReady: function(e) {
+        e.target.mute();
+      },
+      onStateChange: function(e) {
+        console.log('video ended')
+        if (e.data === YT.PlayerState.ENDED) {
+          player.playVideo();
+        }
+      }
+    }
+  });
+}