diff options
| author | Valentin Popov <info@valentineus.link> | 2018-05-31 07:10:16 +0300 |
|---|---|---|
| committer | Valentin Popov <info@valentineus.link> | 2018-05-31 07:10:16 +0300 |
| commit | 87a1642232676a74d34556e73f812e648ab067aa (patch) | |
| tree | 72c29f2e37b3c5c141d8c1884976031b637a9ca8 | |
| parent | d4ca14d853a753c450726ba4da6190ac1299f903 (diff) | |
| download | obs-somafm_current_track-87a1642232676a74d34556e73f812e648ab067aa.tar.xz obs-somafm_current_track-87a1642232676a74d34556e73f812e648ab067aa.zip | |
Refactoring the script
Signed-off-by: Valentin Popov <info@valentineus.link>
| -rw-r--r-- | assets/javascript/script.js | 98 |
1 files changed, 52 insertions, 46 deletions
diff --git a/assets/javascript/script.js b/assets/javascript/script.js index 1055a3e..ac59acb 100644 --- a/assets/javascript/script.js +++ b/assets/javascript/script.js @@ -1,5 +1,46 @@ 'use strict'; +var client = new XMLHttpRequest(); +var radio = findGetParameter('radio'); +var url = '//somafm.com/songs/' + radio + '.xml'; + +/* Processes response */ +client.onload = function () { + if (client.readyState === client.DONE) { + if (this.status === 200 && this.responseXML !== null) { + /* Gets current track */ + var current = this.responseXML.getElementsByTagName('song')[0]; + var artistTrack = current.getElementsByTagName('artist')[0].textContent; + var titleTrack = current.getElementsByTagName('title')[0].textContent; + + /* Gets items on the page */ + var displayElement = document.getElementById('display'); + var artistElement = document.getElementById('artist'); + var titleElement = document.getElementById('title'); + + if (artistElement.textContent !== artistTrack || titleElement.textContent !== titleTrack) { + /* Updates text */ + artistElement.textContent = artistTrack; + titleElement.textContent = titleTrack; + + /* Displays a pop-up window */ + displayElement.style['animation-name'] = 'fadeIn'; + + setTimeout(function () { + /* Removes a pop-up window */ + displayElement.style['animation-name'] = 'fadeOut'; + }, getInterval('duration')); + } + } + } +}; + +/* Update cycle */ +setInterval(function () { + client.open('GET', url); + client.send(); +}, getInterval('interval')); + /** * @param {String} parameterName - Variable name * @returns {String} Value of variable @@ -21,53 +62,18 @@ function findGetParameter(parameterName) { } /** - * @param {String} artistTrack - Artist of the track - * @param {String} titleTrack - Name of the track - * @description Updates the data on the page. Displays a pop-up window if the - * data has changed. + * @param {String} parameterName - Variable name + * @returns {Number} Timer value, default 10 seconds + * @description Gets the settings for the specified timer. */ -function updateData(artistTrack, titleTrack) { - /* Gets items on the page */ - var displayElement = document.getElementById('display'); - var artistElement = document.getElementById('artist'); - var titleElement = document.getElementById('title'); +function getInterval(parameterName) { + var value = findGetParameter(parameterName); + var interval = parseInt(value, 10); + var result = 10000; - if (artistElement.textContent !== artistTrack || titleElement.textContent !== titleTrack) { - /* Updates text */ - artistElement.textContent = artistTrack; - titleElement.textContent = titleTrack; - - /* Displays a pop-up window */ - displayElement.style['animation-name'] = 'fadeIn'; - - setTimeout(function () { - /* Removes a pop-up window */ - displayElement.style['animation-name'] = 'fadeOut'; - }, 10000); - } -} - -var client = new XMLHttpRequest(); -var radio = findGetParameter('radio'); -var url = '//somafm.com/songs/' + radio + '.xml'; - -/* Processes response */ -client.onload = function () { - if (client.readyState === client.DONE) { - if (this.status === 200 && this.responseXML !== null) { - /* Gets current track */ - var current = this.responseXML.getElementsByTagName('song')[0]; - var artist = current.getElementsByTagName('artist')[0].textContent; - var title = current.getElementsByTagName('title')[0].textContent; - - /* Updates data */ - updateData(artist, title); - } + if (isNaN(interval) === false) { + result = interval; } -}; -/* Update cycle */ -setInterval(function () { - client.open('GET', url); - client.send(); -}, 15000); + return result; +} |