JavaScript से 5 सेकंड बाद वेबपेज कैसे रीडायरेक्ट करें?

setTimeout() के साथ window.location.href

JavaScript में निर्दिष्ट समय बाद पेज रीडायरेक्ट करने के लिए setTimeout() के साथ window.location.href या window.location.replace() का उपयोग करें।

उदाहरण

  
    
      मेथड/प्रॉपर्टी
      व्यवहार
      बैक बटन
    
  
  
    
      window.location.href = url
      नया पेज लोड, हिस्ट्री में एंट्री जोड़ता है
      काम करता है (पिछले पेज पर वापस जा सकते हैं)
    
    
      window.location.replace(url)
      नया पेज लोड, हिस्ट्री में एंट्री नहीं जोड़ता
      काम नहीं करता (पिछला पेज रिप्लेस हो जाता है)
    
    
      window.location.assign(url)
      href के समान
      काम करता है
    
    
      window.location.reload()
      वर्तमान पेज रीलोड
      -
    
  


replace() का उपयोग (बैक बटन अक्षम)
<!DOCTYPE html>
<html>
<body>
  <p>Redirecting in <span id="countdown">5</span> seconds...</p>
  <script>
    var seconds = 5;
    var countdownEl = document.getElementById('countdown');
    
    var timer = setInterval(function() {
      seconds--;
      countdownEl.textContent = seconds;
      if (seconds <= 0) {
        clearInterval(timer);
        window.location.href = 'https://example.com/';
      }
    }, 1000);
  </script>
</body>
</html>

कैंसेलेबल रीडायरेक्ट

महत्वपूर्ण नोट्स

  
setTimeout मिलीसेकंड्स में समय लेता है (1000 = 1 सेकंड)
  
ब्राउज़र टैब बैकग्राउंड में होने पर टाइमर्स थ्रॉटल हो सकते हैं
  
उपयोगकर्ता को सूचित करें कि रीडायरेक्ट होने वाला है
  
कैंसल विकल्प प्रदान करना अच्छी UX है