Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div style="float: center; width: 95%; padding: 5px; margin: 15px 0 15px 0; background-color: #e0e0e0; border: 1px solid #afafaf;">
- <div style="font-size: 14px; text-align: center;" id="serverTime"></div>
- <div style="padding: 5px; margin: 5px 0 5px 0; background-color: #ffffff; border: 1px solid #afafaf;" >
- <div class="divTable">
- <div class="divTableBody" id="eventsList">
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- var dayNames = ['', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
- var events = [
- ['Blood Castle', '0', '00:30', '01:30', '02:30', '03:30', '04:30', '05:30', '06:30', '07:30', '08:30', '09:30', '10:30', '11:30', '12:30', '13:30', '14:30', '15:30', '16:30', '17:30', '18:30', '19:30', '20:30', '21:30', '22:30', '23:30'],
- ['Devil Square', '0', '01:00', '03:00', '05:00', '07:00', '09:00', '11:00', '13:00', '15:00', '17:00', '19:00', '21:00', '23:00'],
- ['Sky Event', '0', '03:50', '07:50', '11:50', '15:50', '19:50', '23:00'],
- ['Golden Invasion', '0', '01:30', '04:30', '07:30', '10:30', '13:30', '16:30', '19:30', '22:30'],
- ['Chaos Castle', '0', '18:15'],
- ['White Wizard', '0', '01:15', '03:15', '05:15', '07:15', '09:15', '11:15', '13:15', '15:15', '17:15', '19:15', '21:15', '23:15'],
- ['HOF Event', '5', '19:00', '19:00'] //5 = 5th day of the week aka Friday, 7 = Sunday etc.
- ];
- function eventTimers() {
- var eventsList = '<div class="divTableRow" style="background-color: #e0e0e0;"><div class="divTableCell" style="text-align: center;">Event</div><div class="divTableCell">Start Time</div><div class="divTableCell">Time Remaining</div></div>';
- var currTime = moment().tz('Europe/Sofia');
- var time = currTime.toObject();
- var secs = (time.hours * 60 + time.minutes) * 60 + time.seconds;
- for (i = 0; i < events.length; i++) {
- var event = events[i];
- var daysLeft = 0;
- var dayOfWeek = currTime.isoWeekday();
- var eventDay = parseInt(event[1]);
- if (eventDay != 0 && dayOfWeek != eventDay) {
- var daysLeft = dayOfWeek > eventDay ? (7 - (dayOfWeek - eventDay)) : (eventDay - dayOfWeek);
- }
- if (event.length > 3) {
- for (t = 2; t < event.length; t++) {
- var hour = event[t].split(':'), dSecs = (parseInt(hour[0]) * 60 + parseInt(hour[1])) * 60;
- if (dSecs > secs) {
- var nextSeconds = dSecs, id = t;
- break;
- }
- if (t === (event.length - 1)) {
- var hour = event[2].split(':'), nextSeconds = ((parseInt(hour[0]) * 60 + parseInt(hour[1])) * 60 + 86400), id = 2;
- }
- }
- } else {
- var hour = event[2].split(':'), nextSeconds = ((parseInt(hour[0]) * 60 + parseInt(hour[1])) * 60 + 86400), id = 2;
- }
- var nextSeconds = nextSeconds - secs, hours = addZero(Math.floor(nextSeconds / 60 / 60)), minutes = addZero(Math.floor((nextSeconds - hours * 60 * 60) / 60)), seconds = addZero(Math.floor(nextSeconds - minutes * 60 - hours * 60 * 60));
- eventsList = eventsList + "<div class='divTableRow' style='font-size: 13px;'><div class='divTableCell' style='text-align: center;'>" + event[0] + "</div><div class='divTableCell'>" + (eventDay > 0 ? dayNames[eventDay] + ' ' : '') + event[id] + "</div><div class='divTableCell'>" + ((nextSeconds <= 300 && daysLeft == 0) || (eventDay > 0 && daysLeft == 0) ? '<font style=\'color: #ff0000 !important;\'>' + hours + 'h ' + minutes + 'm ' + seconds + 's</font>' : (daysLeft > 0 ? daysLeft + 'd ' : '') + hours + 'h ' + minutes + 'm ' + seconds + 's') + "</div></div>";
- }
- $('#serverTime').html('Server local time - <b>' + addZero(time.hours) + ':' + addZero(time.minutes) + ':' + addZero(time.seconds) + '</b>');
- $('#eventsList').html(eventsList);
- }
- eventTimers();
- setInterval(function () {
- eventTimers();
- }, 500);
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement