Widget:AvailableCritters: Difference between revisions

From Dreamlight Valley Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<script>
<script>
// gallerySwitcher.js
document.addEventListener('DOMContentLoaded', function() {
  // Example structure for critter availability
  const critters = [
    [
    { "name": "Emerald Sunbird", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Golden Sunbird", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Orchid Sunbird", "times": { "Friday": ["09:00", "15:00"] } },
    { "name": "Red Sunbird", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Turquoise Sunbird", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Black Squirrel", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Classic Squirrel", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Gray Squirrel", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Red Squirrel", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "White Squirrel", "times": { "Sunday": ["00:00", "06:00"] } },
    { "name": "Blue Crocodile", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Classic Crocodile", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Golden Crocodile", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Pink Crocodile", "times": { "Saturday": ["06:00", "12:00"] } },
    { "name": "Red Crocodile", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "White Crocodile", "times": { "Sunday": ["18:00", "24:00"] } },
    { "name": "Black Rabbit", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Brown Rabbit", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Calico Rabbit", "times": { "Thursday": ["08:00", "14:00"] } },
    { "name": "Classic Rabbit", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "White Rabbit", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Blue Raven", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Brown Raven", "times": { "Tuesday": ["18:00", "24:00"] } },
    { "name": "Classic Raven", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Red Raven", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "White Raven", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Black Sea Turtle", "times": { "Monday": ["10:00", "16:00"] } },
    { "name": "Brown Sea Turtle", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Classic Sea Turtle", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Purple Sea Turtle", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "White Sea Turtle", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Black Fox", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Blue Fox", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Classic Fox", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Red Fox", "times": { "Saturday": ["02:00", "08:00"] } },
    { "name": "White Fox", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Black Raccoon", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Blue Raccoon", "times": { "Wednesday": ["16:00", "22:00"] } },
    { "name": "Classic Raccoon", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Red Raccoon", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "White Raccoon", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Black and White Capybara", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Friday": ["12:00", "24:00"], "Saturday": ["12:00", "24:00"] } },
    { "name": "Blue Striped Capybara", "times": { "Monday": ["00:00", "12:00"], "Tuesday": ["00:00", "12:00"], "Wednesday": ["00:00", "12:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Classic Capybara", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["00:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Gray Spotted Capybara", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["12:00", "24:00"], "Tuesday": ["12:00", "24:00"], "Wednesday": ["12:00", "24:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Red and White Striped Capybara", "times": { "Saturday": ["12:00", "18:00"] } },
    { "name": "Blue and Red Striped Cobra", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["12:00", "24:00"], "Tuesday": ["12:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["12:00", "24:00"] } },
    { "name": "Classic Cobra", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["00:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Green and White Striped Cobra", "times": { "Thursday": ["06:00", "12:00"] } },
    { "name": "Pink Spotted Cobra", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "12:00"], "Thursday": ["00:00", "12:00"], "Friday": ["00:00", "24:00"] } },
    { "name": "Yellow and Purple Striped Cobra", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["12:00", "24:00"], "Thursday": ["12:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Beige Monkey", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["12:00", "24:00"], "Wednesday": ["12:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["12:00", "24:00"] } },
    { "name": "Black and Brown Monkey", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["12:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Thursday": ["12:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Black and Gray Monkey", "times": { "Tuesday": ["18:00", "24:00"] } },
    { "name": "Classic Monkey", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["00:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
    { "name": "Red and Beige Monkey", "times": { "Monday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "12:00"], "Friday": ["00:00", "12:00"], "Saturday": ["00:00", "24:00"] } }
]
  ];


// Function to switch images based on the day and time
  function updateGallery() {
function switchGalleryImage() {
    const now = new Date();
  // Get the current day and time
    const dayOfWeek = now.toLocaleString('en-US', { weekday: 'long' });
  var now = new Date();
    const currentTime = now.getHours() + ':' + now.getMinutes();
  var dayOfWeek = now.getDay(); // Sunday is 0, Monday is 1, ..., Saturday is 6
    const gallery = document.getElementById('crittergallery');
  var currentTime = now.getHours();
    let galleryContent = '';


  // Define the gallery element ID
    critters.forEach(critter => {
  var galleryId = 'crittergallery';
      const availability = critter.times[dayOfWeek];
      if (availability) {
        const startTime = availability[0];
        const endTime = availability[1];
        if (currentTime >= startTime && currentTime < endTime) {
          // Assuming critter names match file names exactly
          galleryContent += `File:{critter.name.replace(/ /g, '_')}.png|link=${critter.name}`;
        }
      }
    });


  // Define the image sources for each day and time range
     gallery.innerHTML = galleryContent;
  var imageSources = {
    0: { start: 0, end: 24, source: 'File:Classic_Squirrel.png' },
    1: { start: 0, end: 24, source: 'File:Red_Squirrel.png' },
    2: { start: 0, end: 24, source: 'File:Black_Squirrel.png' },
     // Add entries for other days and times as needed
  };
 
  // Get the gallery element
  var gallery = document.getElementById(galleryId);
 
  // Check if the gallery element exists
  if (gallery) {
    // Get the image source based on the current day and time
    var imageSource = imageSources[dayOfWeek];
 
    if (imageSource && currentTime >= imageSource.start && currentTime < imageSource.end) {
      // Change the source of the first image in the gallery
      gallery.getElementsByTagName('img')[0].src = imageSource.source;
    }
   }
   }
}


// Call the switchGalleryImage function when the page is loaded
  // Initial update and set interval to update every minute (60000 milliseconds)
window.onload = switchGalleryImage;
  updateGallery();
  setInterval(updateGallery, 60000);
});
</script>
</script>

Revision as of 21:16, 26 February 2024

<script> document.addEventListener('DOMContentLoaded', function() { 

 // Example structure for critter availability
 const critters = [
   [
   { "name": "Emerald Sunbird", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Golden Sunbird", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Orchid Sunbird", "times": { "Friday": ["09:00", "15:00"] } },
   { "name": "Red Sunbird", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Turquoise Sunbird", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Black Squirrel", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Classic Squirrel", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Gray Squirrel", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Red Squirrel", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "White Squirrel", "times": { "Sunday": ["00:00", "06:00"] } },
   { "name": "Blue Crocodile", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Classic Crocodile", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Golden Crocodile", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Pink Crocodile", "times": { "Saturday": ["06:00", "12:00"] } },
   { "name": "Red Crocodile", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "White Crocodile", "times": { "Sunday": ["18:00", "24:00"] } },
   { "name": "Black Rabbit", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Brown Rabbit", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Calico Rabbit", "times": { "Thursday": ["08:00", "14:00"] } },
   { "name": "Classic Rabbit", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "White Rabbit", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Blue Raven", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Brown Raven", "times": { "Tuesday": ["18:00", "24:00"] } },
   { "name": "Classic Raven", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Red Raven", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "White Raven", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Black Sea Turtle", "times": { "Monday": ["10:00", "16:00"] } },
   { "name": "Brown Sea Turtle", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Classic Sea Turtle", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Purple Sea Turtle", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "White Sea Turtle", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Black Fox", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Blue Fox", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Classic Fox", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Red Fox", "times": { "Saturday": ["02:00", "08:00"] } },
   { "name": "White Fox", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Black Raccoon", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Blue Raccoon", "times": { "Wednesday": ["16:00", "22:00"] } },
   { "name": "Classic Raccoon", "times": { "Sunday": ["12:00", "24:00"], "Monday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Red Raccoon", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "White Raccoon", "times": { "Sunday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Black and White Capybara", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Friday": ["12:00", "24:00"], "Saturday": ["12:00", "24:00"] } },
   { "name": "Blue Striped Capybara", "times": { "Monday": ["00:00", "12:00"], "Tuesday": ["00:00", "12:00"], "Wednesday": ["00:00", "12:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Classic Capybara", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["00:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Gray Spotted Capybara", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["12:00", "24:00"], "Tuesday": ["12:00", "24:00"], "Wednesday": ["12:00", "24:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Red and White Striped Capybara", "times": { "Saturday": ["12:00", "18:00"] } },
   { "name": "Blue and Red Striped Cobra", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["12:00", "24:00"], "Tuesday": ["12:00", "24:00"], "Thursday": ["00:00", "24:00"], "Saturday": ["12:00", "24:00"] } },
   { "name": "Classic Cobra", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["00:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Green and White Striped Cobra", "times": { "Thursday": ["06:00", "12:00"] } },
   { "name": "Pink Spotted Cobra", "times": { "Sunday": ["00:00", "12:00"], "Monday": ["00:00", "24:00"], "Wednesday": ["00:00", "12:00"], "Thursday": ["00:00", "12:00"], "Friday": ["00:00", "24:00"] } },
   { "name": "Yellow and Purple Striped Cobra", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["12:00", "24:00"], "Thursday": ["12:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Beige Monkey", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["12:00", "24:00"], "Wednesday": ["12:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["12:00", "24:00"] } },
   { "name": "Black and Brown Monkey", "times": { "Sunday": ["12:00", "24:00"], "Tuesday": ["12:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Thursday": ["12:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Black and Gray Monkey", "times": { "Tuesday": ["18:00", "24:00"] } },
   { "name": "Classic Monkey", "times": { "Sunday": ["00:00", "24:00"], "Monday": ["00:00", "24:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "24:00"], "Thursday": ["00:00", "24:00"], "Friday": ["00:00", "24:00"], "Saturday": ["00:00", "24:00"] } },
   { "name": "Red and Beige Monkey", "times": { "Monday": ["00:00", "12:00"], "Tuesday": ["00:00", "24:00"], "Wednesday": ["00:00", "12:00"], "Friday": ["00:00", "12:00"], "Saturday": ["00:00", "24:00"] } }

] 

 ];

 function updateGallery() {
   const now = new Date();
   const dayOfWeek = now.toLocaleString('en-US', { weekday: 'long' });
   const currentTime = now.getHours() + ':' + now.getMinutes();
   const gallery = document.getElementById('crittergallery');
   let galleryContent = ;

   critters.forEach(critter => {
     const availability = critter.times[dayOfWeek];
     if (availability) {
       const startTime = availability[0];
       const endTime = availability[1];
       if (currentTime >= startTime && currentTime < endTime) {
         // Assuming critter names match file names exactly
         galleryContent += `File:{critter.name.replace(/ /g, '_')}.png|link=${critter.name}`;
       }
     }
   });

   gallery.innerHTML = galleryContent;
 }

 // Initial update and set interval to update every minute (60000 milliseconds)
 updateGallery();
 setInterval(updateGallery, 60000);

}); </script>

Retrieved from "https://dreamlightvalleywiki.com/index.php?title=Widget:AvailableCritters&oldid=80383"