Show a Preloader Once Per Day

show-preloader-once.js

// Target the preloader element
const preloaderElement = document.getElementById('preloader');

// Set the amount of time to wait in milliseconds
// Test by changing to 1 * 60 * 1000 for 1 min
const waitTime = 24 * 60 * 60 * 1000; // 24 hours

// Check if the local storage item is present and valid
if (!localStorage.getItem('preloaderShown') || Date.now() - localStorage.getItem('preloaderShown') >
  waitTime) {
  // Show the preloader element
  preloaderElement.style.display = 'block';

  // Store the current timestamp in local storage
  localStorage.setItem('preloaderShown', Date.now());
} else {
  // Hide the preloader element
  preloaderElement.style.display = 'none';
}