NMS Expeditions Countdown

A countdown for NMS Expedition Seasons

by Devilin Pixy

HTML

<div id=timerOne>
  <h1>No Man's Sky - Community Expedition 2026</h1>
  <p>Not always accurate and can be changed as needed !!!</p>
  <hr>
  <h2 id=exp1Title>Expedition #24: The Voyage Continues <small>(47)</small></h2>
  <div id="timer1" class="timer">
    <table>
      <tr>
        <th class="emptyHeader"></th>
        <th>Days</th>
        <th>Hours</th>
        <th>Minutes</th>
        <th>Seconds</th>
      </tr>
      <tr>
        <td id="startend1">Starts in</td>
        <td id="days1"></td>
        <td id="hours1"></td>
        <td id="mins1"></td>
        <td id="secs1"></td>
      </tr>
    </table>
    <span id="date1">date</span>
  </div>
<!--  <div><b>Note: </b>The end time is a guestimate and will be adjusted once I get to it !!!</div>

</div>
-->
<!--
<hr>
<div id=timerTwo>
  <h2 id=exp2Title>Expedition #17 Redux: Titan <small>(41)</small></h2>
  <div id="timer2" class="timer">
    <table>
      <tr>
        <th class="emptyHeader"></th>
        <th>Days</th>
        <th>Hours</th>
        <th>Minutes</th>
        <th>Seconds</th>
      </tr>
      <tr>
        <td id="startend2">Starts in</td>
        <td id="days2"></td>
        <td id="hours2"></td>
        <td id="mins2"></td>
        <td id="secs2"></td>
      </tr>
    </table>
    <span id="date2">date</span>
  </div>
</div>
<hr>
<div id=timerThree>
  <h2 id=exp3Title>Expedition #18 Redux: Relics <small>(42)</small></h2>
  <div id="timer3" class="timer">
    <table>
      <tr>
        <th class="emptyHeader"></th>
        <th>Days</th>
        <th>Hours</th>
        <th>Minutes</th>
        <th>Seconds</th>
      </tr>
      <tr>
        <td id="startend3">Starts in</td>
        <td id="days3"></td>
        <td id="hours3"></td>
        <td id="mins3"></td>
        <td id="secs3"></td>
      </tr>
    </table>
    <span id="date3">date</span>
  </div>
</div>
<hr>
<div id=timerFour>
  <h2 id=exp4Title>Expedition #19...

CSS

#timerOne, #timerTwo, #timerThree, #timerFour, #timerFive {
  width: 100%;
  text-align: center;
}

h1 {
  font-size: 2.4em;
}

h2 {
  font-size: 2em;
}

h1, h2 {
  margin: 0;
}

small {
  font-size: 12px;
}

.emptyHeader {
  border-style: none;
}

table {
  margin: 0 auto 0 auto;
}

th {
  /* border: 1px solid black; */
  font-size: 1.6em;
  font-weight: normal;
}

td {
  width: 100px;
  font-size: 1.6em;
  font-weight: bold;
  color: green;
}

.expired {
  font-size: 1.6em;
  font-weight: bold;
  color: red;
}

JavaScript

// Use url with /show for fullscreen view: https://jsfiddle.net/DevilinPixy/7jt945Lq/show

// 47 The Voyage Continues
var startTime1 = 1789563600;
var endTime1 = 1793196000; // Unknown
var startDate1 = new Date(startTime1 * 1000).toUTCString();
var endDate1 = new Date(endTime1 * 1000).toUTCString();
document.getElementById("date1").innerHTML = startDate1;

/* Revisited here */
/*
var startTime2 = 1763560800; // 41 Titan
var endTime2 = 1764687600;
var startDate2 = new Date(startTime2 * 1000).toUTCString();
var endDate2 = new Date(endTime2 * 1000).toUTCString();
document.getElementById("date2").innerHTML = startDate2;

var startTime3 = 1764770400; // 42 Relics
var endTime3 = 1765897200;
var startDate3 = new Date(startTime3 * 1000).toUTCString();
var endDate3 = new Date(endTime3 * 1000).toUTCString();
document.getElementById("date3").innerHTML = startDate3;

var startTime4 = 	1765980000; // 43 Corvette
var endTime4 = 	1767106800;
var startDate4 = new Date(startTime4 * 1000).toUTCString();
var endDate4 = new Date(endTime4 * 1000).toUTCString();
document.getElementById("date4").innerHTML = startDate4;

var startTime5 = 1767189600; // 44 Breach
var endTime5 = 1768316400;
var startDate5 = new Date(startTime5 * 1000).toUTCString();
var endDate5 = new Date(endTime5 * 1000).toUTCString();
document.getElementById("date5").innerHTML = startDate5;
*/
var currentExp = 0;

// Start ==========================
var x1Start = setInterval(function(){
  var now = new Date().getTime(); // now in ms
  var diff = startTime1 - (now / 1000); // diff in s
  var days = Math.floor(diff / (3600 * 24));
  var hours = Math.floor(diff % (3600 * 24) / 3600);
  var minutes = Math.floor(diff % 3600 / 60);
  var seconds = Math.floor(diff % 60);
  document.getElementById("days1").innerHTML = days;
  document.getElementById("hours1").innerHTML = hours;
  document.getElementById("mins1").innerHTML = minutes;
  document.getElementById("secs1").innerHTML =...