Slide Show

Code That Display Direct Link

Code That Display Direct Link 


<html lang="en">

<head>

  <meta charset="UTF-8"></meta>

  <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>

  <title>Auto Refresh and Link Loop</title>


  <script>

    // Function to shuffle an array randomly

    function shuffleArray(array) {

      for (let i = array.length - 1; i > 0; i--) {

        const j = Math.floor(Math.random() * (i + 1));

        [array[i], array[j]] = [array[j], array[i]];

      }

    }


    // Function to refresh the page at a fixed interval

    function refreshPage() {

      var refreshInterval = 250000; 

      setInterval(function () {

        location.reload();

      }, refreshInterval);

    }


    // Function to perform the link loop

    function executeLoop() {

      var links = [

        'Your Link 1',

        'Your Link 2',

        'Your Link 3',

        'Your Link 4',

       

        

      ];


      // Shuffle the array randomly

      shuffleArray(links);


      var currentIndex = 0;


      function openLink() {

        var link = links[currentIndex];


        // Display the link in the modal

        openModalWithLink(link);


        // Calculate a random time interval between 20 and 30 seconds

        var interval = Math.floor(Math.random() * (30000 - 20000 + 1) + 20000);


        // Close the modal after the specified interval

        setTimeout(function () {

          closeModal();


          // Move to the next link

          currentIndex = (currentIndex + 1) % links.length;


          // Call openLink again with the updated index

          openLink();

        }, interval);

      }


      // Initial execution

      openLink();

    }


    // Function to open the modal with a given link

    function openModalWithLink(link) {

      document.getElementById('modalIframe').src = link;


      // Explicitly load the iframe after setting the source

      document.getElementById('modalIframe').onload = function () {

        document.getElementById('myModal').style.display = 'block';

      };

    }


    // Function to close the modal

    function closeModal() {

      document.getElementById('myModal').style.display = 'none';

    }


    // Initial execution

    window.onload = function () {

      refreshPage(); // Start the page refresh

      executeLoop(); // Start the link loop

    };

  </script>

</head>


<!-- The Modal -->

<div class="modal" id="myModal" style="display: none;">

  <div class="modal-content">

    <span onclick="closeModal()" style="cursor: pointer; float: right;">×</span>

    <!-- Content of the modal -->

    <iframe id="modalIframe" src="" style="border: none; height: 400px; width: 100%;"></iframe>

  </div>

</div>

</html>


2 comments: